EvilCharts

EvilCharts is an open-source library of animated React chart components by Gurbinder (Design Engineer at Axiom.co), MIT licensed and free. It is built on two engines at once — Recharts and Apache ECharts — and styled for shadcn/ui with Tailwind, so it drops into a project already on that stack.

Every chart ships twice behind one compound API: <EvilAreaChart> and <EChartsAreaChart> take the same parts, config object, gradients and entrance animations. The docs put it as "switching engines is a rename, not a rewrite", and the registry manifests confirm it — the Recharts item depends on recharts + motion, the ECharts item on echarts + motion, neither pulling the other, so one engine per chart is installed, never both. The choice is per chart rather than per project: Recharts renders SVG with everything in the DOM, themable in CSS alone because series colors compile to per-chart CSS variables; ECharts renders Canvas by default, or SVG via renderer="svg", for dense or fast-updating data. One dashboard can mix both.

Per-series styling goes further than the category norm: each bar generates its own gradient and pattern definitions and takes its own fill variant — default, hatched, duotone, duotone-reverse, gradient or stripped — plus its own corner radius, an optional outer glow, click-to-select (unselected series turn semi-transparent) and a bufferBar mode that hatches the last data point while the rest stay solid, for projected data. Reveal animations come in five grow-in orders and fall back to none when the device asks for reduced motion. Tooltips, legends, an animated loading skeleton and an optional zoom Brush round out the parts.

Charts cover area, line, bar, composed, radar, pie, radial and sankey. The docs also publish named prebuilt designs — monospace, hover-trace and isometric — each its own registry item. A single chartConfig object supplies labels, optional React icons in place of the color indicator, and theme-aware color arrays that become gradients when more than one value is passed. Installation is the shadcn CLI — npx shadcn@latest add @evilcharts/recharts-area-chart — which copies source into your repository; there is no npm package, checked against the registry.

Against the rest of this directory: EvilCharts is the first charting or UI-component library listed here, and its Developer Tools neighbours are IDEs, code hosting, identity, automation, PaaS and AI agents — JetBrains, Codeberg, Forgejo, Zitadel, Ory, n8n, Coolify, Amp, Executor — none of which is a visualization layer. The design category holds one entry, Penpot, a design app, where EvilCharts is a dependency developers install.

Verified 2026-09-28: 3,004 GitHub stars, 95 forks, TypeScript, created 2025-07-16, last push 2026-08-29. What it is not: it needs shadcn/ui with Tailwind, the docs use Next.js examples, and the project publishes no company, team or location information.