Tables and Figures

<alert info>This functionality is based on a tweaked version of the Plugin Caption.</alert>

You can give captions to the following items:

1. tables
2. figures
3. image box

The syntax is as follows:

<table label-of-table>
<caption>Give you caption here and it will be numbered automatically</caption>
^ table head 1 ^ table head 2 ^ table head 3 ^ table head 4 ^
| table cell 1 | table cell 2 | table cell 3 | table cell 4 |
| table cell 5 | table cell 6 | table cell 7 | table cell 8 |
</table>

• label-of-table should be a unique id to identify the table by the coding system, and it could not contain spaces in it.
• The above code could be inserted in the tool bar directly so you don't have to type it manually

How the above code looks like in reality:

<figure label-of-figure>
{{ :wiki:oxford-university-square-logo.png |University logo}}
<caption>Give you caption here and it will be numbered automatically. The primary quadrangle logo consists of an Oxford blue (Pantone 282) square with the words UNIVERSITY OF OXFORD at the foot and the belted crest in the top right-hand corner reversed out in white. The word OXFORD is a specially drawn typeface while all other text elements use the typeface Foundry Sterling.</caption>
</figure>

• label-of-figure should be a unique id to identify the figure by the coding system, and it could not contain spaces in it.
• The above code could be inserted in the tool bar directly so you don't have to type it manually

How it looks like in work:

The picture could be replaced by a chart or plot if required, for example:

<figure pie-chart-1>
<caption>Caption for the pie chart</caption>
<c3>
  // some comment
  data: {
    columns: [
      ['data1', 30], /* more comment */
      ['data2', 120],
    ],
    type : 'pie',
  }
</c3>
</figure>

// some comment
data: {
  columns: [
    ['data1', 30], /* more comment */
    ['data2', 120],
  ],
  type : 'pie',
}

Occasionally you may need to include a image box in the page but does not want it to look like a figure. In this case, you may just use an image box.

<imagebox label-of-imagebox>
{{ :wiki:oxford-university-square-logo.png |University logo}}
<caption>This is an image box</caption>
</imagebox>

• label-of-imagebox should be a unique id to identify the image box by the coding system, and it could not contain spaces in it.
• The above code could be inserted in the tool bar directly so you don't have to type it manually
• All image boxes are arranged to the right of the page on screen larger than 576 pixels in width

How it looks like in work (see Image ##REF:label-of-imagebox##):

<imagebox label-of-imagebox> <caption>This is a image box for the University of Oxford logo.</caption> </imagebox>

What if I need to refer to a table/figure/image box in the text?

We may have noticed in the image box section that there's a link to the image box. A table/figure/image box could be referred to in text by its label like this:

For more ideas, please see Table {{ref>label-of-table}}.

How it works in reality:

For more ideas, please see Table 1.