Canvas, Axes, and Formatting

Fine-tune how your chart appears by adjusting the canvas size, margins, axis titles, and number/date formatting. These settings are especially important when you’re preparing production-ready visuals.

Canvas & margins

• Canvas width/height — matches the size of the SVG inserted into Figma. Align these dimensions with your layout grid.

• Margins — add breathing room around the chart so titles and labels aren’t clipped. Increase margins when enabling legends or long axis labels.

Titles and subtitles

• Provide clear titles and optional subtitles to describe the chart at a glance.

• Keep them concise; use the same tone as the rest of your presentation.

• Pair with the Style tab’s typography settings for consistent branding.

Axes

• X-axis title — add context (e.g., “Month” or “Sprint”).

• Y-axis primary/secondary — label metrics (e.g., “Revenue ($K)”). Secondary axis is useful for multi-metric charts.

• Min/Max — override auto-scaling if you need consistent ranges across charts.

• Tick interval — define step sizes for the axis. Leave blank to auto-calculate.

Number formatting

Located under Simple Formatter:

• Prefix/Suffix — add currency symbols ($, €) or units (%).

• Grouping & thousands separator — choose space, comma, or period.

• Decimals — control precision.

• Abbreviate — toggle compact notation (e.g., “1.2K”).

Date formatting

• If your x-axis uses dates, you can control it's format (e.g., %Y-%m-%d).