Loading...
Loading...
Build bar charts, line graphs, pie charts, donut charts, and scatter plots from your own data. Download any chart as a PNG image — no account, no install, no data sent to a server.
Create bar charts from data — vertical or grouped
Plot data trends as a line graph
Create pie charts with custom labels and colors
Donut-style ring chart with center label
Plot (x, y) data pairs on a scatter chart
Most chart tools require you to import a spreadsheet, configure a project, or create an account before you can see a chart. These tools take the opposite approach: you arrive, enter a few data points, and the chart renders immediately. When you are done, you download a PNG and leave. Nothing is saved, nothing is tracked.
All five chart types are rendered using Recharts, a React charting library built on SVG. The PNG export uses your browser's canvas API to produce a high-resolution image with a dark background that looks clean in presentations and reports.
Bar charts are the right choice for comparing discrete categories: monthly revenue by region, product sales by SKU, or survey responses by answer option. Each bar represents one category and its height encodes the value. Bar charts work well when you have between 3 and 12 categories.
Line graphs show change over time. If your x-axis is a time series (days, months, quarters, years), a line graph is usually the right choice. The connected line makes trends, seasonality, and inflection points visible in a way that bar charts do not.
Pie charts show how parts relate to a whole. They work best with fewer than 6 segments and when the differences between segments are large enough to be visible. If you have many similar-sized segments, a bar chart will communicate the differences more clearly.
Donut charts are a variant of the pie chart with the center removed. The ring shape draws attention to the relative sizes of the segments without a dominant center. The donut chart maker also supports a center label, which can display the total or a key metric.
Scatter plots show the relationship between two numeric variables. Each point represents one observation, plotted at (x, y). Scatter plots are used to spot correlations, clusters, and outliers — for example, plotting ad spend against revenue to see whether higher spend is associated with higher returns.
Each chart maker opens with sample data so you can see the chart format immediately. Replace the sample labels and values with your own data. You can add rows with the Add Row button or remove rows with the trash icon next to each entry. The chart updates in real time as you type.
When the chart looks right, click the Download PNG button. The export renders the chart at 2x resolution for sharpness on retina displays and in printed documents. The background is set to the F0X dark background colour (#0A0A0F) so the chart looks the same in the download as it does on screen.
What resolution is the PNG download?
The chart is exported at 2x scale relative to the on-screen size. A chart that renders at 600×400 pixels on screen will download as a 1200×800 PNG. This is sharp enough for presentations and most print use.
Can I add more than 5 data series?
The bar and line chart makers use a fixed colour palette of 7 colours. You can add as many rows as you need — the colour cycles through the palette. For datasets with many categories, a bar chart remains readable; a pie chart with more than 8 segments becomes hard to read.
Can I import a CSV file to populate the chart?
Not directly. The workflow is: use the CSV Viewer tool to inspect your data, copy the values you need, and paste them into the chart maker manually. A direct CSV import feature may be added in a future update.