ns-ui

Chart Waterfall ASCII Step

ASCII-ramp waterfall chart where toggling a step excludes or restores its delta and every bar after it — plus the running total — visibly recomputes and re-animates, not just a hover tooltip.

Use when showing how a sequence of signed deltas bridges a start value to an end value, where the audience needs to see what the total would look like without one step — pick chart-funnel-stage-drop for a single monotonic total's own drop-off, or chart-bar-dither for unrelated categorical bars with no running dependency between them.

Install

npx shadcn add https://design.helpmarq.com/r/chart-waterfall-ascii-step.json
  • chart
  • waterfall
  • data-viz
  • ascii
  • canvas

ns-ui / chart-waterfall-ascii-step

SYNTHETIC MRR BRIDGEALL STEPS ACTIVE

Props

PropTypeDefaultDescription
data?WaterfallStepDatum[]——
title?string——
totalLabel?string——
className?string——
Back to the catalog