A four-state connected scatter: both axes carry a metric, the stops are joined in time order, and direction is encoded four ways — a width ramp, pixel-spaced arrowheads, a start ring against a terminal arrowhead, and named endpoint labels.
Files · 2
Dependencies
npm packages
recharts
zod
Registry items
chart
utils
Registry Items
chart-connected-scatter
Configuration
Name
chart-connected-scatter
Type
UI
Description
A four-state connected scatter: both axes carry a metric, the stops are joined in time order, and direction is encoded four ways — a width ramp, pixel-spaced arrowheads, a start ring against a terminal arrowhead, and named endpoint labels.