Skip to main content

components · research & publishing

TuxFigureCaption

Accessible academic figure and diagram caption container providing semantic <figure> and <figcaption> wrapping, custom numbering, source credits, and flexible placement. Ensures screen readers announce the graphic and its editorial caption as a unified semantic block.

Accessible Exhibit Container

Figure Caption Workbench

Presets:
Simulated Visual Graphic / Chart SurfaceResponsive container slotted into <TuxFigureCaption>
Figure 4.Mean speed recovery trajectories following dynamic variable speed limit (VSL) alerts across 12 treated test sectors.Source: TTI Connected Work Zone Pilot Dataset (2025–2026), Federal Highway Administration.
Properties Inspector5 configurable knobs
Kind Prefixlabel
Figure Numbernumber
Caption Placementplacement
Caption Textcaption
Attribution / Source Notesource
Dynamic Component Syntax
<tux-figure-caption :number="4"
  caption="Mean speed recovery trajectories following dynamic variable speed limit (VSL) alerts across 12 treated test sectors."
  source="Source: TTI Connected Work Zone Pilot Dataset (2025–2026), Federal Highway Administration."
>
  <!-- Chart, image, diagram, or data table slot -->
  <div class="h-48 bg-surface-sunken rounded-lg flex items-center justify-center">
    ...visual element...
  </div>
</tux-figure-caption>

editorial standards

Placement Standards: Above vs. Below

Figures & Graphics (placement="below")

Standard academic practice (APA, Chicago, IEEE) dictates placing figure captions beneath the graphic. Readers first perceive the visual trajectory before reading the clarifying caption.

Tables & Matrices (placement="above")

Standard practice places table captions above the table headers. This gives readers the framing context, sample sizes, and unit definitions before reading dense rows and columns.