ns-ui / chart-bar-halftone
WEEKLY SIGNUPS
ns-ui
Bar chart whose fills are an ordered-dither halftone instead of a flat color — ink density tracks value as a second, redundant channel to height.
Use when comparing values across nominal categories (products, teams, regions) where ink density should carry the value redundantly with bar height, so the chart survives a monochrome print or a colorblind read; pick chart-donut-halftone instead when the data is part-to-whole over an ordinal scale rather than a comparison across categories, or histogram-live-grain when the bars would be bins of a live sample rather than fixed categories.
Install
npx shadcn add https://design.helpmarq.comns-ui / chart-bar-halftone
| Prop | Type | Default | Description |
|---|---|---|---|
| data? | ChartBarHalftoneDatum[] | — | — |
| title? | string | — | chart title, used as the figure's accessible name and table caption |
| className? | string | — | — |