Canvas, Axes, and Formatting
Last updated
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 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.
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.
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.
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”).
If your x-axis uses dates, you can control it's format (e.g., %Y-%m-%d).
Last updated