Download
Neiki's Charts is a lightweight SVG chart library built as a native Web Component. Drop a single script tag into any HTML page and get four chart types — Line, Bar, Pie, and Scatter — with no build step, no framework, and zero dependencies. CSS is bundled automatically, so one file is all you need.
The component uses Shadow DOM for style encapsulation and fits cleanly into any project without CSS conflicts. Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. Tooltips, legends, animations, and grid lines are all controlled through standard HTML attributes.
All rendering is pure SVG — no Canvas — making charts scalable, printable, and inspectable in DevTools. Accessibility is built in with proper ARIA roles, keyboard-navigable legends, and full prefers-reduced-motion support.
Features
- 📊 4 chart types — Line, Bar, Pie, Scatter
- 🧩 Native Web Component — just <neiki-chart> in any HTML page
- 🔒 Shadow DOM — fully encapsulated styles, no global CSS conflicts
- 📐 Responsive — ResizeObserver-driven redraws fill any container automatically
- 🌗 Themed — built-in light and dark palettes, auto-detects prefers-color-scheme
- ♿ Accessible — role="img", aria-label, keyboard-navigable legend and data points
- 📦 Zero dependencies — no npm, no bundler required; CDN-ready single file
- 🎨 SVG only — clean, scalable, printable output; no Canvas
Project Samples
