chartjs-quickref

Community

Chart.js quick reference and snippets

Authorsjnims
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides quick-access, copy-paste ready code snippets for common Chart.js v4.5.1 patterns, eliminating the need to search through extensive documentation for everyday tasks.

Core Features & Use Cases

  • Data Formatting: Easily format axis labels for currency, percentages, or abbreviated numbers.
  • Common Configurations: Quickly apply settings like hiding legends, starting axes at zero, or creating horizontal bar charts.
  • Styling & Responsiveness: Apply pre-defined color palettes, adjust chart appearance, and manage responsiveness.
  • Dynamic Updates & Events: Implement methods for updating chart data, handling clicks, and exporting charts.
  • Tree-Shaking Imports: Provides correct import statements for various chart types to optimize bundle size.

Quick Start

Use the chartjs-quickref skill to get a code snippet for displaying currency labels on the y-axis of a Chart.js chart.

Dependency Matrix

Required Modules

None required

Components

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: chartjs-quickref
Download link: https://github.com/sjnims/chartjs-expert/archive/main.zip#chartjs-quickref

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.