React Horizontal Heatmap: A focused component for rendering single-row activity visualizations in your React apps.
Features:
π¦ Simple data structure with values, timestamps, and tooltip items
π¨ Custom color gradients to match your design system
π Adjustable box dimensions and spacing
π’ Automatic value-to-color scaling
β±οΈ Built-in tooltip support with icons and links
Perfect for system monitors, activity trackers, or any interface where you need to show temporal patterns without pulling in a heavy charting library.
The API takes an array of objects and handles the rest.
π Blog Post
π GitHub Repo
Top comments (0)