JSON to Chart
Paste an array of objects, an array of numbers, or a flat key–value object. Keys become series and values become data points.
Chart type
Your data4 rows · 2 cols
JSON detected · suggested: line
Live previewUpdates as you type · nothing leaves your browser
Export
How it works
Four steps, no setup
- Paste your JSON array or object
- Object keys become columns; the first key becomes the label axis
- Choose a chart type from the type bar
- Export PNG, SVG or PDF
Privacy
Your file never leaves your device
Parsing, binning and rendering all happen in your browser with no network request. That is also why the chart appears instantly instead of after an upload round-trip.
FAQ
JSON to Chart questions
- Which JSON shapes are supported?
- Arrays of flat objects, arrays of numbers, and flat key–value objects. Nested structures should be flattened first.
- Can I chart an API response directly?
- Yes — copy the response body and paste it. Everything is parsed locally in your browser.
Chart types
Chart your JSON data as…
- Bar Chart CreatorPaste any two-column list of categories and values. The bar chart renders while you type — no wizard, no configuration, no account.
- Line Graph GeneratorBuilt for time series. Paste dates, years, months or quarters in the first column and any number of value columns after it.
- Histogram BuilderPaste one column of raw numbers. FastChart bins them automatically using Sturges’ rule, and you can override the bin count with a single slider.
- Pie Chart MakerTwo columns are all it takes: a label and a value. Percentages are calculated for you and rendered directly on the slices.
- Donut Chart MakerA donut chart is a pie chart with the centre cut out — perfect for dashboards where the middle holds the headline total.
- Scatter Plot MakerPaste two numeric columns — X first, then Y. FastChart detects that both columns are numeric and switches to a scatter plot automatically.
- Radar Chart MakerAlso called a spider chart. Put the dimension names in the first column and one column per item you want to compare.
- Area Chart MakerAn area chart is a line chart with the region below filled in — good for showing volume over time and cumulative totals.
- Bubble Chart MakerA bubble chart is a scatter plot with a third variable encoded as the area of each point. Paste an X column, a Y column and a size column.
- Stacked Bar Chart MakerA stacked bar chart shows the composition of each total. Every numeric column becomes a segment stacked on top of the previous one.
- Grouped Bar Chart MakerA grouped (clustered) bar chart puts the series side by side so every bar shares the same baseline and stays directly comparable.
- Treemap GeneratorA treemap encodes each value as the area of a rectangle. It handles far more categories than a pie chart without becoming unreadable.
- Funnel Chart MakerA funnel chart shows how many items survive each stage of a process. Paste the stages in order, from widest to narrowest.
- Waterfall Chart MakerA waterfall chart breaks a net change into its parts. Paste a label column and a column of positive and negative changes — the running total is calculated for you.
- Polar Chart MakerA polar (radial bar) chart wraps a bar chart around a circle. It is compact and eye-catching for a modest number of categories.
- Heatmap GeneratorA heatmap shades a grid of values from low to high. Paste a table where the first column labels the rows and every other column is a heatmap column.
- Candlestick Chart MakerA candlestick chart shows the open, high, low and close of each period in a single mark. Paste five columns: a date plus OHLC.
- Box Plot MakerA box and whisker plot summarises a distribution: the box spans the interquartile range, the line is the median, and points beyond the whiskers are outliers.
- Violin Plot MakerA violin plot draws a mirrored density curve for each group, so you can see bimodal and skewed distributions that a box plot would hide.
- Gantt Chart MakerA Gantt chart lays every task on a shared time axis so overlaps and dependencies become obvious. Paste a task name, a start date and an end date.
- Timeline MakerA timeline places events on a single date axis with alternating labels. Paste a date column and a label column — the rows are sorted for you.
- Sunburst Chart MakerA sunburst chart shows a hierarchy as concentric rings — the centre is the root and each ring out is one level deeper.
- Network Graph MakerA network graph draws entities as nodes and relationships as edges. Paste a source column, a target column and an optional weight.
- Sankey Diagram MakerA Sankey diagram shows flow between stages, with band thickness proportional to volume. Paste three columns: source, target and value.
- Chord Diagram MakerA chord diagram arranges entities around a circle and connects them with ribbons whose width shows the volume flowing in each direction.
- Hexbin Plot MakerA hexbin plot solves overplotting: instead of drawing thousands of overlapping dots it bins them into hexagons shaded by density.
Other formats
More ways to import
- CSV to ChartPaste raw CSV text or drop a .csv file. Delimiters, quoted fields and header rows are detected automatically.
- Excel to ChartSelect cells in Excel, press Ctrl+C, then paste here. Copied spreadsheet cells arrive as tab-separated values, which FastChart reads natively.
- Markdown Table to ChartGreat for tables produced by ChatGPT, GitHub READMEs or Notion. Pipes and the separator row are handled for you.
- TSV to ChartTab-separated values are what your clipboard holds after copying from a spreadsheet or a database client. Paste them straight in.
- Google Sheets to ChartGoogle Sheets charts are hard to style and hard to export cleanly. Copy the range instead and get an export-ready chart here.