Lightweight SVG chart library · Zero dependencies · 12 chart types
CustomCharts.js is a modern, pure-JavaScript SVG chart library built with zero external dependencies. Smooth animations, interactive tooltips, dark mode support, and full responsiveness — all in a single lightweight file.
Monthly revenue vs expenses with Catmull-Rom smooth curves, gradient fill, and interactive hover.
Weekly website vs mobile app visitors with grouped bars, gradient fill, and animated entry.
Quarterly product sales across two years with stacked gradient area fill and smooth tension curves.
Browser market share breakdown with connector lines, percentage labels, and per-slice gradient depth.
Task completion status with a configurable cutout ratio, center summary label, and arc percentage text.
Programming language popularity rankings with horizontal gradient bars and animated left-to-right entry.
Two clusters of randomised (x, y) data points with nearest-point hover detection and elastic animation.
Three-dimensional dataset visualisation (x, y, size) for Technology vs Finance sector risk/return analysis.
Six-axis player attribute comparison with gradient polygon fill, alternating grid bands, and glow points.
Combined bar + line chart overlay in a single canvas — revenue bars with a profit margin trend line.
CPU usage over time with custom gradient stroke, deep tension curves, and draggable point highlights.
Live-streaming requests and error rates updating every 1.5 s via the built-in real-time data API.