Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By sjnims
Chart.js expert Claude Code plugin providing comprehensive guidance, best practices, and code generation for Chart.js
npx claudepluginhub sjnims/chartjs-expertThis skill should be used when the user asks "Chart.js accessibility", "accessible charts", "WCAG Chart.js", "Chart.js ARIA labels", "Chart.js screen reader", "colorblind-safe charts", "Chart.js keyboard navigation", "Chart.js reduced motion", "prefers-reduced-motion Chart.js", "Chart.js alt text", "Chart.js color contrast", "accessible data visualization", "Chart.js focus management", "Chart.js fallback content", "aria-label canvas", or needs help making Chart.js visualizations accessible and WCAG-compliant in v4.5.1.
This skill should be used when the user asks "Chart.js gradients", "Chart.js linear gradient", "Chart.js radial gradient", "custom Chart.js chart type", "extend Chart.js", "derived chart type", "custom Chart.js scale", "Chart.js programmatic events", "Chart.js setActiveElements", "Chart.js custom controller", or needs help with advanced Chart.js v4.5.1 techniques.
This skill should be used when the user asks "Chart.js animations", "Chart.js easing", "Chart.js animation duration", "Chart.js animation callbacks", "Chart.js transitions", "Chart.js animation loop", "progressive line animation", "Chart.js animation delay", "disable Chart.js animation", "Chart.js onComplete", "Chart.js onProgress", or needs help configuring animations in Chart.js v4.5.1.
This skill should be used when the user asks "Chart.js axes", "Chart.js scales", "Chart.js x-axis", "Chart.js y-axis", "Chart.js time axis", "Chart.js logarithmic scale", "Chart.js axis labels", "Chart.js ticks", "Chart.js grid lines", "Chart.js multiple axes", "Chart.js dual axis", "Chart.js axis title", "Chart.js axis range", "Chart.js min max", "stacked axes", "Chart.js radial axis", or needs help configuring Chart.js v4.5.1 axes and scales.
This skill should be used when the user asks "how to create a line chart", "Chart.js bar chart", "pie chart Chart.js", "doughnut chart", "radar chart", "polar area chart", "bubble chart", "scatter chart", "mixed chart", "combo chart", "area chart", "stacked chart", "horizontal bar chart", "Chart.js chart types", "dataset properties", "chart data structure", or needs help implementing specific Chart.js v4.5.1 chart types.
Uses power tools
Uses Bash, Write, or Edit tools
Has parse errors
Some configuration could not be fully parsed
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
OpenChart visualization skills for generating charts, tables, graphs, and SVG graphics
Generate G6 v5 graph visualization code. Use when user asks for G6 graphs, network graphs, tree graphs, flow charts, mind maps, or any relational/graph-structured data visualization with the G6 library.
Create data visualizations and plots
Create beautiful, self-contained HTML visualizations from any content or idea. Use for slide decks, dashboards, infographics, flowcharts, timelines, cheat sheets, posters, and more.
An Infographic Generation and Rendering Framework, bring words to life!
Edward Tufte's Visual Display of Quantitative Information — three executable skills (route, assess, render) backed by a VDQI-sourced principles reference. Scores graphics against Tufte's nine criteria with named chartjunk species and a 13-entry catalogue of dissected failures, and renders per-genre charts (time-series, small multiples, quartile plot, range-frame scatter) plus a tufte-css HTML wrapper.
Comprehensive toolkit for developing Claude Code plugins. Includes 10 expert skills covering hooks, MCP integration, LSP servers, commands, agents, marketplaces, and best practices, plus a guide skill for navigation. AI-assisted plugin creation and validation.
Transforms Claude's responses to use Gen Alpha/brainrot internet slang. No cap, this plugin hits different fr fr.
Bootstrap 5.3.8 and Bootstrap Icons front-end development expert plugin providing comprehensive guidance, best practices, and code generation for Bootstrap development.
A comprehensive requirements management plugin that guides users through the full requirements lifecycle (vision → epics → user stories → tasks) using GitHub Projects for complete traceability and collaboration
A comprehensive Claude Code plugin providing expert-level assistance for Chart.js v4.5.1.
/chartjs:component - Generate chart code for any framework| Skill | Coverage |
|---|---|
chartjs-overview | Installation, setup, tree-shaking, global configuration |
chartjs-chart-types | Line, bar, pie, doughnut, radar, polar, bubble, scatter, mixed charts |
chartjs-configuration | Options, responsive design, interactions, layout, fonts, colors |
chartjs-axes | Cartesian/radial axes, time scales, logarithmic scales, ticks, grid lines |
chartjs-animations | Animation options, easing functions, callbacks, transitions |
chartjs-tooltips | Tooltip configuration, callbacks, positioning, external HTML tooltips |
chartjs-plugins | Plugin architecture, lifecycle hooks, creating custom plugins |
chartjs-integrations | React, Vue, Angular, Rails 8 (Hotwire/Stimulus), vanilla JS |
chartjs-developers | Chart instance API, extending Chart.js, TypeScript support |
chartjs-advanced | Gradients, custom chart types, custom scales, programmatic control |
chartjs-accessibility | WCAG compliance, ARIA labels, colorblind palettes, keyboard navigation |
/chartjs:componentInteractive chart code generator. Prompts for:
chartjs-expertTriggers proactively when:
Clone and reference the plugin directory:
git clone https://github.com/sjnims/chartjs-expert.git
claude --plugin-dir /path/to/chartjs-expert
Or add to your Claude Code settings to load automatically.
Contributions are welcome! See CONTRIBUTING.md for guidelines on adding skills, commands, examples, and documentation.
This plugin targets Chart.js v4.5.1. Examples use tree-shaking patterns
for production code (manual component registration rather than chart.js/auto).