How to Use This Widget
1
Enter your labels as a comma-separated list — these appear on the axis or in the legend (e.g. Mon,Tue,Wed or Q1,Q2,Q3,Q4).
2
Enter your values as matching comma-separated numbers (e.g. 120,95,140,88). The number of values must match the number of labels.
3
Choose your chart type and colour. Bar and line are great for time-series data. Doughnut and polar work well for proportions and percentages.
4
Click Generate to preview the chart, then copy the embed code and paste it anywhere on your website.
Frequently Asked Questions
How many data points can I add?
The widget works well with up to around 20 data points. For readability, 6–12 is usually the sweet spot — especially for bar and line charts.
Can I update the data without re-embedding?
The data is encoded in the iframe URL. To update the chart, generate a new embed code with your updated values and replace the old one on your website.
What chart type should I use?
Bar charts are great for comparing values across categories. Line charts show trends over time. Doughnut and polar area charts work best for showing proportions (like sales by region).
Does it animate?
Yes — the chart animates in every time it's loaded. The animation uses a smooth ease-out effect powered by Chart.js.
Can I use decimal numbers?
Yes — values like 12.5, 99.9, or 0.75 all work. Just make sure each value is separated by a comma with no spaces.