Generate and Chart CSV

Generate synthetic CSV and immediately render a chart preview.

Beginner~3 mincsvgeneratevisualization

Use case

Use this when building demo data or validating visualization settings quickly.

Workflow overview2 steps0 / 2 completed~3 min

Follow the steps from left to right for a quick overview, then use the inline stepper below to run each tool.

Generate synthetic CSV and immediately render a chart preview.

Current focusStep 1 · CSV Data Generator

0% complete

Step 1csv-tools Waiting

JSON → CSV

Generate CSV data

Mock CSV rows produced from the provided specification.

Step 2csv-tools Waiting

CSV → RENDERED-CHART

Render chart

Workflow marker while chart is rendered in UI.

Run this workflow inline

Work through each tool step here. Running a step automatically prepares the next step with the correct handoff value.

Workflow shortcut

Next unlocked step: Step 1 · CSV Data Generator

Progress is stored locally in this browser.

Step 1Ready to runcsv-tools

Generate mock CSV with configurable columns including uuid, email, integer, float, date, boolean, enum, and name.

Provide { "columns": [{ "name": "id", "type": "uuid" }], "count": 10, "seed": 42 }.

Mock CSV rows produced from the provided specification.

Run this step to process the current input and prepare the next workflow stage.

Step 2Lockedcsv-tools

Plot numeric CSV columns as a bar or line chart. Choose axes and chart type; runs 100% in the browser.

Complete the previous step first

This step unlocks automatically after all earlier workflow steps are completed successfully.

Paste CSV with headers. Optional workflow hint line: columns: x,y

Workflow marker while chart is rendered in UI.

Run this step to process the current input and prepare the next workflow stage.