Chart.js Generator

Overview

This skill generates professional, interactive charts using Chart.js, supporting all major chart types. Chart.js is a powerful, flexible JavaScript library for creating responsive data visualizations. The skill creates a complete MicroSim package suitable for embedding in educational content or documentation sites built with MkDocs. The default placement in a intelligent book uses an iframe with minimal padding and margins. Do not add any analysis or supporting documentation above or below the chart region.

Supported Chart Types

Chart.js supports the following chart types:

1. Line - Time series, trends, continuous data
2. Bar - Comparisons, categorical data, horizontal or vertical
3. Pie - Proportions, percentages, part-to-whole relationships
4. Doughnut - Similar to pie with central space for labels
5. Radar - Multi-dimensional data, spider/web charts
6. Polar Area - Similar to pie but with varying radius
7. Bubble - Three-dimensional data (x, y, size)
8. Scatter - Correlations, distributions, relationships