Toolbox

Online Waterfall Chart Generator

WaterfallCumulativeChart.jsSVG

Generate waterfall charts for增减 cumulative process, auto positive/negative and total, with floating bars, Chart.js export and SVG, local.

Data Input (label,value per line)
Supports header row like: label,value or Month,Sales,Profit for multi-series
Chart Config (JSON)
All processing is done locally, no upload. SVG fallback ensures preview without Chart.js.

Preview · waterfall-chart

SVG preview (Chart.js not installed, JSON config available)
📊
Enter data above and click Generate to preview
支持 label,value 多行 / CSV / JSON

How to Use

  • Paste any valid JSON, supports nesting, arrays and escapes
  • Click Beautify to auto indent and format
  • Click Minify to remove whitespace into one line
  • All operations run locally for privacy

Related Tools

FAQ

How to input waterfall?

Each line label,change like Start,100, Sales,60, Cost,-20, Total,145; positive/negative auto colored, Total detected.

How to generate and export?

Click Generate to preview SVG and Chart.js config JSON, copy config, copy SVG or download SVG; Canvas auto enables if chart.js installed.

Which formats are supported?

CSV (comma/semicolon/tab), quoted fields, JSON arrays/objects, numbers auto parsed, invalid lines flagged.

Will my data be uploaded?

No, all parsing, config generation and SVG rendering run locally, no upload.