Evil Charts

Evil Charts is a focused source for chart UI and dashboard chart treatments that pair naturally with shadcn/Recharts-style product dashboards.

Routing Summary

Load this through Component Library Sources when a product dashboard, admin surface, observability page, or agent console needs chart components. Use it for chart composition and interaction patterns, then wire the project to its real data model and charting library deliberately. Source: User request, 2026-06-26; https://evilcharts.com/docs

Use Plotly instead when the primary problem is exploratory analysis, scientific chart types, Python notebooks, or a Dash data app. Evil Charts is the product-treatment and component-composition route; Plotly is the analytical graphing engine. Source: User request, 2026-07-14; Plotly and Evil Charts docs

Use When

  • Building analytics, observability, billing, usage, or model-routing dashboards.
  • Choosing chart card anatomy: title, metric, period, annotation, axis, legend, tooltip, and empty/loading states.
  • Comparing chart patterns before defaulting to generic Recharts examples.
  • Improving chart-heavy agent UI such as fleet state, logs, evaluations, or performance panels.

Integration Rules

  • Decide the data question before choosing the chart.
  • Do not let demo data, fake periods, or decorative gradients leak into production UI.
  • Keep legends, tooltips, and units legible in light and dark themes.
  • Verify responsive behavior and dense-data readability in browser screenshots.

Current Snapshot

As checked on 2026-07-14, Evil Charts documents area, line, bar, composed, radar, pie, radial, and Sankey chart patterns plus background, tooltip, legend, and chart-config primitives. Its MIT-licensed legions-developer/evilcharts repository is an open-source shadcn/Recharts site with roughly 2.6K stars; the repository package declares 0.1.0 and has no separate public release channel, so use the reviewed commit (9c0f125, 2026-07-13) when exact source provenance matters. Source: Evil Charts docs and GitHub API, checked 2026-07-14


Timeline

  • 2026-07-14 | Refreshed the source snapshot and added the explicit Plotly boundary: Evil Charts for product UI composition, Plotly for analytical charting and data apps. Source: User request, 2026-07-14
  • 2026-06-26 | Promoted from a component shelf row into a dedicated tool page and pack input for dashboard/chart UI discovery. Source: User request, 2026-06-26; https://evilcharts.com/docs