Find a useful view
Compare categories, follow a trend, or explore a relationship. Start with the question your data should answer.
Graflume
Make your data easy to understand.
A JavaScript library for interactive charts on websites and dashboards. Explore an example, then make it your own with your data.
- 44 chart types
- 17 visual themes
- From 2D to 3D
Chart gallery
Find the right shape for your data
Start with what you want to show. Open an example to explore its data, style, and interactions.
Save a chart. Pick up where you left off.
Keep a crisp SVG and reopen the saved chart with its tooltips, legend, and zoom. Try it with this sample, then take the SVG into a report or presentation.
Open the sample, inspect a value, then save and reopen it.
Use this in your website
// After creating a chart with JSON-compatible data and settings:
const saved = JSON.stringify(chart.toSnapshot());
// Your app may store saved in IndexedDB or its own account storage.
chart.destroy();
const reopened = Graflume.restore('#chart', JSON.parse(saved));
const svg = reopened.toSVG();
// Data or setting changes can still update the reopened chart:
// reopened.setData(nextRows);One library, many stories
Precise analysis, expressive presentation
Make it your own
Choose a theme for a report, a presentation, or a dashboard and compare the same data in a different style.
Look closer and share
Inspect individual values, use the data table, and export a chart image for your work.
Make your first chart by changing the data
Choose a chart and theme, then edit the monthly sales data. Copy or download the finished example to use on your website.