Similar Modules
Numbers
Highlight interesting and distinct data points.
Module Preview
Module Preview
FAQ's
How To Use This Module
Provide a collection of data points that will dynamically generate a stylized graph visual in various formats.
Use Cases
Multiple Charts
Display up to 2 charts side-by-side or stacked, with automatic responsive layout adjustments for different screen sizes.
Rich Text Content
Add explanatory text alongside charts with support for advanced formatting, links, images, CTAs, and visual blocks. Rich text can be positioned on the left or right of charts.
Flexible Layouts
Choose between single-chart or multi-chart layouts, with configurable rich text positioning that adapts responsively across phone, tablet, and desktop viewports.
Theme Integration
Charts automatically adapt to the selected section theme (light, white, neutral, dark) with appropriate color schemes and styling.
Guidelines
Things to Know
- Data must be in JSON format — generate JSON from a CSV spreadsheet with this handy tool.
- Or, convert your data directly using this csv2json tool by pasting the cell content from Google Sheets
- Data must be structured in name, category, and value variables. You can use this Google Sheet to structure your data.
- Choose between line, bar, column, pie, donut
What's New?
| v1.0.0 August 2022
- Now each graph has a Title and Source field
- This module has a new layout. placing more focus on the Graphs and letting content breath on the page