design-infraReport a problem or share feedback← Catalog
Heatmap Chart · Bklit
curatedtheme-awarefreebklit/heatmap-chart
A contribution heatmap with animated cells and configurable level colors
$
npx shadcn@latest add https://ui.bklit.com/r/heatmap-chart.jsonnpm deps: @visx/group@4.0.0, @visx/heatmap@4.0.0, @visx/responsive@4.0.0, @visx/scale@4.0.0, motion
Our notes
Public MIT chart component, not the proprietary Bklit Studio editor. Browse the linked gallery for visual variants and composition props. Uses visx and Motion; inspect dependencies, React peers and chart token mappings before integrating. Registry endpoints checked; fresh-project runtime integration is not yet verified. Preserve the upstream license.- Source
- Bklit UI
- Kind
- component
- Categories
- chart
- Use as
- drop-in — replaces your component
- Applies to
- chart
- Motion
- on enter · medium · motion · medium cost
- Tags
- react, visx, motion, chart-ui, heatmap-chart
- Licence
- MIT for chart components and registry; Bklit Studio is proprietary and excluded.
- Live demo
- bklit.com
- Docs
- bklit.com
Similar
Compare all 4 →- Dither Chartsmoothui/dither-chart♥ The user singled out the dither chart as an interesting component to feature on the homepage. Use the real pixelated data visualization with selectable chart styles and clearly labeled sample data. — Pixelated Canvas charts with line, donut, bar and other data shapes. Good for distinctive dashboards and product illustrations; keep its data text alternative, label demo data and provide controls outside the canvas. Hosted local demo preserves the upstream component and install command.
- Area Chart · Bklitbklit/area-chartPublic MIT chart component, not the proprietary Bklit Studio editor. Browse the linked gallery for visual variants and composition props. Uses visx and Motion; inspect dependencies, React peers and chart token mappings before integrating. Registry endpoints checked; fresh-project runtime integration is not yet verified. Preserve the upstream license.
- Bar Chart · Bklitbklit/bar-chartPublic MIT chart component, not the proprietary Bklit Studio editor. Browse the linked gallery for visual variants and composition props. Uses visx and Motion; inspect dependencies, React peers and chart token mappings before integrating. Registry endpoints checked; fresh-project runtime integration is not yet verified. Preserve the upstream license.