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)