Interactive Figures

Capture interactive figures using a <fig> element.

Interactive figures follow the same instructions as standard figures with the following additional instructions:

The <fig> element must contain a fig-type attribute with the value interactive.

The <fig> must contain the following as children of the <caption> element:
  • The linking text that appears in the print version in a <p> element with a @content-type attribute of value print.
  • The linking text that appears in the online version in a <p> element with a @content-type attribute of value online.
Interactive figures must contain two <media> elements. One for the html file and one for the data object. The media elements must have the following attributes:
Attribute Name HTML File Values Data Object File Values
content-type interactive-presentation data-object
mimetype text application
mime-subtype html gzip
xlink:href [The HTML filename] [The data object file name]

The <media> element containing the html file must also contain a child <object> element with a @content-type attribute of value height. The value of the element is the height of the interactive figure in pixels (typically 600).

Example

<fig fig-type="interactive" id="ajac96e8f3" position="float">
  <label>Figure 3.</label>
  <caption id="ajac96e8fc3">
    <p>Renzogram of the whole survey region over the velocity range of the
    M96 subgroup. Each H<sc> i</sc> contour is at 3.5<italic>σ</italic> and colored according to velocity, overlaid on an RGB
    image from the SDSS. The Arecibo beam size (3.′5 , 11.3 kpc) is shown
    as a filled green circle in the lower left corner. H<sc> i</sc> clouds
    are numbered, and selected major galaxies are labeled in red. Other
    objects used for a few comparisons but not examined in detail are
    highlighted in orange, while other known objects not used in this
    study (here shown for the sake of completeness) are highlighted in
    gray. The interactive version shows H<sc> i</sc> isosurfaces of
    constant S/N levels, as well as the galaxies with known optical
    redshift measurements in this region, found by an NED search. The user
    can pan (left button drag), rotate (middle button drag), and zoom
    (scroll wheel) around this region. Particular features can be toggled
    using the menu on the left, including the H <sc>i</sc> and bright and
  faint galaxies (i.e., members of the NGC and/or Messier catalogs or
  others)—note that the display of the menu is optimized for full-screen
  display, which can be enabled using the button at the lower right of
  the screen. Clicking individual galaxy labels gives the option of
  selecting a link to the SDSS DR16 Navigate tool centered on the
  coordinates of the object (hold “ctrl” while clicking to open in a new
  window).</p>
    <p content-type="print">An interactive version of this figure is available in the <ext-link xlink:href="https://doi.org/10.3847/1538-3881/ac96e8">online article</ext-link>.</p>
    <p content-type="online">An interactive version of this figure is available.</p>
  </caption>
  <graphic content-type="print" id="ajac96e8f3_eps" xlink:href="ajac96e8f3.eps"/>
  <graphic content-type="online" id="ajac96e8f3_lr" xlink:href="ajac96e8f3_lr.jpg"/>
  <graphic content-type="high" id="ajac96e8f3_hr" xlink:href="ajac96e8f3_hr.jpg"/>
  <media content-type="interactive-presentation" mime-subtype="html" mimetype="text" xlink:href="ajac96e8f3_int/ajac96e8f3_int.html">
    <object-id content-type="height">600</object-id>
  </media>
  <media content-type="data-object" mime-subtype="gzip" mimetype="application" xlink:href="ajac96e8f3_int/ajac96e8f3_int.gz"/>
</fig>