n-heatmap
CommunityTurn time-series data into a calendar heatmap.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Heatmap visualization consolidates time-series activity into an at-a-glance calendar grid, enabling quick pattern recognition and trend analysis.
Core Features & Use Cases
- Calendar-style heatmap layout for time-series data
- Built-in color themes and custom color support
- Tooltips, responsive scrolling, and slots for customization
- Use in dashboards, analytics, and activity tracking across days/weeks
Quick Start
Import the n-heatmap component into your Vue 3 project, pass your time-series data array, and render the calendar heatmap with minimal setup.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: n-heatmap Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-heatmap Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.