← All Guides
Data Guide
Data Visualizer — Create Charts Online
Turn raw numbers into clean, presentation-ready charts. Paste data directly or import a CSV file, pick from 14 chart types, customize the look, and export as PNG or SVG.
14 chart types available
Bar
Compare categories side by side
Stacked Bar
Show part-to-whole within categories
Line
Track trends over time
Area
Line chart with filled area beneath
Pie
Show proportions of a whole
Donut
Pie chart with a center cutout
Scatter
Plot relationships between two variables
Bubble
Scatter with a third size dimension
Radar
Compare multiple attributes on axes
Polar Area
Radar variant with filled wedges
Heatmap
Color-coded matrix of values
Treemap
Nested rectangles for hierarchical data
Funnel
Show progressive reduction in stages
Waterfall
Track cumulative gains and losses
How to create a chart
- Open the Data Visualizer tool. You'll see a data input area on the left and a live chart preview on the right.
- Enter your data. Paste tab-separated or comma-separated values directly into the editor, or click "Import CSV" to load a file. The first row is used as column headers / series labels.
- Pick a chart type from the selector. The preview updates live so you can quickly compare how your data looks in different formats.
- Customize the look:
- Set a chart title and axis labels
- Choose colors for each data series
- Adjust font sizes for labels and values
- Toggle legend visibility and position (top, bottom, left, right)
- Configure grid lines, borders, and padding
- Export — Click "Download PNG" for a raster image (ideal for slides and social media) or "Download SVG" for a scalable vector (perfect for print, articles, or further editing in Figma / Illustrator).
Choosing the right chart type
| Goal | Best chart | Example |
|---|---|---|
| Compare categories | Bar | Sales by region, survey responses |
| Show change over time | Line / Area | Monthly revenue, temperature trends |
| Show proportions | Pie / Donut | Market share, budget allocation |
| Find correlations | Scatter / Bubble | Height vs weight, price vs demand |
| Compare attributes | Radar | Product feature comparison, skill assessment |
| Show hierarchy | Treemap | Disk usage, org structure, content categories |
| Track conversion stages | Funnel | Sales pipeline, onboarding steps |
Tips
- Keep data clean — remove empty rows and ensure consistent column counts before importing.
- Use SVG export for reports and articles — it scales perfectly at any size and file size stays small.
- For presentations, increase the font size and use high-contrast colors so charts are readable on projected screens.
- Pie charts work best with 2–6 slices. For more categories, consider a bar chart or treemap instead.