Menu

Local-First Chart Pipeline: CSV Chart Export Without Third-Party Upload
📰

Local-First Chart Pipeline: CSV Chart Export Without Third-Party Upload

DEV Community: webdev·Sherotree·4 days ago
#5v885GRG
#devtowebdev#devto#dev#chart#spec
Reading 0:00
15s threshold

I needed a bar chart from a client spreadsheet. Names, invoice totals, a few formulas. Every “paste your CSV” tool I opened wanted an account, a POST, or both. The data wasn’t secret in a compliance sense — it just wasn’t something I wanted sitting in someone else’s temp bucket for a week.

So I built the pipeline in the tab: parse → choose encodings → render → export. No upload step. The file never leaves the machine.

This isn’t a product pitch. It’s the shape of a local-first chart path that frontend folks keep reinventing, and the places it usually breaks.

What “local-first” means for charts

Local-first here is boring and specific:

Parse in the browser — FileReader / drag-drop / paste from Sheets

Infer or pick columns — which field is the category, which is the measure

Render with a client library — ECharts, Chart.js, Observable Plot, whatever you already ship

Export as a blob — PNG / SVG / CSV download via URL.createObjectURL

Nothing in that list needs a chart SaaS.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.