About This Feature
Walnut supports interactive chart libraries to help you create dynamic, data-rich demos that are easy to edit and customize.
When using a supported chart library, you’ll be able to modify chart labels, data points, tooltips, axis values, and more—directly within the Walnut Editor.
Snapshot 📸
- Feature Status: Core Feature
- Role Access: Admins, Editors
- Location: Walnut Editor
Quick Start Guide
⚠️ Important to Note:
- Interactivity and Editing are only available for supported libraries and versions.
- Unsupported versions or libraries will appear as static images or SVGs in captures and will not support label, value, or style editing within the Walnut Chart Editor.
- Chart or tooltip styling might look slightly different in the Walnut Editor depending on how the chart was embedded on your platform—for example, if it uses dynamic rendering, third-party tools, or custom design tweaks (outside of those provided by the chart library).
- Click on a captured chart element in the Walnut Editor. If interactivity and editing are supported, a grey pie chart icon will appear in the upper left corner of the chart.
- Click the Activate Chart Interactivity icon in the element editor toolbar to enable interactivity and editing features.
- Click Edit Chart to open the chart editor interface.
- Select a data point value or label in the left panel to begin editing.
- Click the gear icon in the top-right of the chart editor to access advanced options for tooltips, axis, and plot style settings.
- Click Save to apply your changes.
- To reset the chart to its original captured state, select the chart, open the three-dot menu in the toolbar, and click Reset Changes.
Supported Chart Libraries
For framework compatibility and interactivity support, check the full list of supported chart libraries in our Extension Capabilities article.
FAQs
Can I Add Dynamic Date Variables or Other Variables to My Charts?
-
No — at this time, charts do not support dynamic variables such as dates, text, or images. All chart content must be static and manually configured.
The Interactivity Option Isn’t Showing, but I’m Using a Supported Library and Framework. What Should I Do?
-
If the interactivity icon isn’t appearing—even though your chart uses a supported library and framework—there may be an issue with how the chart was captured or rendered. Reach out to our Support Team, and we’ll be happy to help troubleshoot.