chartjs-chartjs-zoom-plugin

This skill enables developers to create fully customized, interactive data visualizations using D3.js, offering complete control over SVG elements and data binding. It's ideal for building unique, complex charts with sophisticated transitions and interactions that standard libraries can't achieve. Use it when you need bespoke, data-driven visualizations rather than simple, pre-styled charts.

This skill provides Plotly layout configurations to position legends vertically on the right side, preventing overlap with the horizontal toolbar. It includes specific margin adjustments and compact styling to ensure the legend has adequate space. The skill also recommends a trace ordering strategy for multi-dataset plots to logically group legend entries.

This Claude skill provides a ready-to-use Highcharts implementation for creating basic line charts with minimal setup. It includes a complete HTML template with configurable data series, axes, and labels that developers can directly copy and modify. Use this skill when you need to quickly generate or explain simple time-series or categorical data visualizations in web applications.

This skill provides Chart.js best practices for responsive chart containers and proper lifecycle management. It shows how to wrap charts in responsive divs with proper aspect ratio control and demonstrates destroying charts before recreation to prevent memory leaks. Use this when implementing dynamic or resizable Chart.js visualizations in web applications.