Charts for your Bubble.io app.
Give your data something better than a repeating group. Animated, interactive charts that people can actually explore.
$10/month · available on the Bubble Marketplace
Revenue by channel
A year of revenue. Three ways it came in.
The live chart needs JavaScript. You can also explore every element in the Bubble demo.
Hover or tap a mark. Keyboard: Tab into the chart, then use the arrow keys.
Select a point to see its value here.
View example data
| Period / stage | Series | Value |
|---|
Live published renderer · illustrative data, not customer results
See where the revenue comes from.
Compare paid, organic, and partner revenue over time. Select a month to inspect the numbers — the same kind of interaction you can connect to a Bubble workflow.
Seven elements.
Different questions.
Pick the shape that tells the story. The Chart element covers line, bar, area, and mixed-series charts; the others have their own purpose.
- Chart
- Trends, comparisons, and combinations. Line, bar, area, or mixed series.
- Pie
- Show the split, as a pie or a donut.
- Funnel
- See the steps from first visit to paying customer.
- Waterfall
- Make the additions and deductions behind a total visible.
- Calendar
- A heatmap of daily activity, with the quiet days left in.
- Scatter
- Plot relationships; use bubble size for another dimension.
- Sankey
- Follow the flow between sources and destinations.
Your Bubble data.
A small JSON contract.
Install the plugin, place an element, and supply its JSON data. For a simple Chart, each point needs an
x
and a numeric y. Add series
when you want to compare groups.
Use the element's Bubble events and exposed states to respond to selections. Inspect the working app before you wire up your own.
Open demo in the Bubble editor{
"schemaVersion": 1,
"points": [
{"x": "Jan", "y": 70000},
{"x": "Feb", "y": 76000},
{"x": "Mar", "y": 82000}
]
}Other elements use their own data shapes. The demo has examples.
See the charts in motion.
Revenue, growth, and customer success — real TanStack rendering inside illustrative app interfaces.
Vertical trailer · Captioned trailer · Reduced-motion trailer
Put your data to work.
Seven chart elements for your next Bubble dashboard. $10/month.