Figures

TF JATS captures information to support tracking of figures, and allows capturing multiple graphic versions for a figure. For example, a figure might have one image file, or a figure might have an image file for print and an image file for online. Within the <fig> (Figure) element, a <graphic> element links to an image file. The content-type attribute should be used to identify a graphic file as "color" or "black-white". The specific-use attribute should be used to identify a graphic as "web-only" or "print-only". These attribute values correspond to a suffix in the file name of the image file as follows:

Image type File name suffix specific-use content-type
Black & white or greyscale B black-white
Color C color
Online black & white or greyscale OB web-only black-white
Online color OC web-only color
Print black & white or greyscale PB print-only black-white
Print color PC print-only color

See the Image File Guidelines for image format and resolution requirements.

When only one image file is needed for a figure the <graphic> element may be placed in <fig>, and the content-type attribute should still be used to identify the figure as color or black-white. For example:

<fig id="F0001">
   <label>Figure 1</label>
   <caption>
      <p>Schematic presentation of experimental setup.</p>
   </caption>
   <graphic xlink:href="UOEH_A_752321_F0001_B.jpg" content-type="black-white"/>
</fig>

When a figure requires different image files for print and online versions each graphic should be tagged in an <alternatives> element. For example:

<fig id="f0001">
  <label>Figure 1</label>
  <caption>
    <p>The location of the six neighbourhoods in the Lansing Capital Region.</p>
  </caption>
  <alternatives>
    <graphic xlink:href="CJUD_A_683403_F0001_OC.jpg" content-type="color" specific-use="web-only"/>
    <graphic xlink:href="CJUD_A_683403_F0001_PB.tif" content-type="black-white" specific-use="print-only"/>
  </alternatives>
</fig>

In-text call-outs to figures should be tagged using the <xref> element. The rid attribute should contain the id value of the referenced figure. For example:

<xref rid="F0001">Figure 1</xref>

Multi-part figures

Multi-part figures can, in some cases, be treated as a single figure. In other cases, multi-part figures can be treated as a collection of multiple figures. When a multi-part figure needs to be treated as a collection of multiple figures, each part should be tagged using a <fig> element and a <fig-group> element should be used to wrap all of the part-figures. An id attribute should be placed on the <fig-group> element, and id attribute containing the same id with a letter suffix should be placed on each <fig> element. For example:

<fig-group id="f0003">
<label>Figure 3</label>
<caption>
<p>(a-f). Land uses.</p>
</caption>
<fig id="f0003a">
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0003A_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0003A_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>
<fig id="f0003b">
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0003B_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0003B_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>
</fig-group>

Unlabeled Figures

Images that appear in an article without a label or caption can be tagged using a <fig> element without a label or caption. For example: 

<fig id="UF0001">
    <graphic xlink:href="RAPC_A_826705_UF0001_B.jpg" content-type="black-white"/>
</fig>

If different image files are needed for print and online, both should be included and identified as described above. For example:

<fig id="UF0001">
    <alternatives>
        <graphic xlink:href="RAPC_A_826705_UF0001_OC.jpg" content-type="color" specific-use="web-only"/>
        <graphic xlink:href="RAPC_A_826705_UF0001_PB.tif" content-type="black-white" specific-use="print-only"/>
    </alternatives>
</fig>

An unlabeled image may be tagged using a <graphic> element by itself. Examples of where the graphic element can be used by itself (without a wrapping element such as <fig>) include images that appear inside table cells, images that are not important to the content of the article, and content that can only be presented correctly using a graphic. An unlabeled image tagged with only a <graphic> element should include the id attribute. For example:

<graphic id="UF0002" xlink:href="RAPC_A_826705_UF0002_C.jpg" content-type="color"/>

Inline graphics are also images that are unlabeled, but are different than unlabeled figures. Inline graphics appear inline with text instead of set apart, and are tagged using <inline-graphic>. For example:

The symbol <inline-graphic id="ilg0001" xlink:href="GTEC_A_883580_ILG0001.gif"/> is used to indicate rainfall.

Examples

Figure with alternate print and online versions

This figure has a black & white version for print and a color version for online. 

<fig id="f0001">
<label>Figure 1.</label>
<caption>
<p>The location of the six neighbourhoods in the Lansing Capital Region.</p>
</caption>
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0001_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0001_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>

Rendering in PDF on page 10 in CJUD_A_683403_O.pdf and CJUD_A_683403_P.pdf.

Single figure labeled as multiple parts

<fig id="f0002">
<label>Figure 2.</label>
<caption>
<p>(a&#x2013;f). The six Lansing region neighbourhoods, urban form modelled in 3D CAD.</p>
</caption>
<graphic xlink:href="CJUD_A_683403_F0002_B.jpg" content-type="black-white"/>
</fig>

Rendering in PDF on page 11 in CJUD_A_683403_O.pdf.

Large figure "continued" multiple pages, with alternate versions black & white for print and color for online

<fig-group id="f0007">
<label>Figure 7.</label>
<caption>
<p>(a-f). Average distance to closest major supermarket.</p>
</caption>
<fig id="f0007a">
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0007A_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0007A_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>
<fig id="f0007b">
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0007B_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0007B_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>
<fig id="f0007c">
<alternatives>
<graphic xlink:href="CJUD_A_683403_F0007C_OC.jpg" content-type="color" specific-use="web-only"/>
<graphic xlink:href="CJUD_A_683403_F0007C_PB.tif" content-type="black-white" specific-use="print-only"/>
</alternatives>
</fig>
</fig-group>

Rendering in PDF on pages 22-24 in CJUD_A_683403_O.pdf and CJUD_A_683403_P.pdf.