jimliu/baoyu-dataviz

v2.9.0SEE LICENSE IN LICENSE

A method for charts and data visualizations in any medium, from HTML and SVG to matplotlib, plotly, d3 and Recharts: which form fits the question, a color formula with a validator, mark specs and interaction rules, so charts read as one system in light and dark themes.

GitHub Open Website

dataviz

Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, inline SVG, matplotlib/plotly/d3/Recharts, PNG). Read it BEFORE writing the first line of chart code, choosing chart colors, building a stat tile / KPI row, or laying out a dashboard. Teaches a design-system-agnostic method - form heuristic, color formula with a runnable validator, mark specs, interaction rules. Default palette in references/palette.md.