ns-ui

Chart Scatter ASCII Bin

Two-dimensional scatter plot rendered as a glyph-density grid, with a pointer- or keyboard-driven brush that live re-bins the exact points under it and reads out the selection.

Use when showing the joint distribution of two continuous variables where a brushed region needs an exact live readout — pick histogram-live-grain for a single dimension's rolling tally, or chart-bar-dither for a single discrete series compared across categories.

Install

npx shadcn add https://design.helpmarq.com/r/chart-scatter-ascii-bin.json
  • chart
  • scatter
  • data-viz
  • ascii
  • canvas
  • brush

ns-ui / chart-scatter-ascii-bin

SYNTHETIC SAMPLE A/B230 pts total

Props

PropTypeDefaultDescription
data?ScatterPoint[]synthetic sample; x/y in arbitrary plot units, any range
title?string
brushRadius?numberbrush radius in plot px
className?string