Creative Design & Branding

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.

Publisher / source
JimLiu/baoyu-design (found on GitHub top repositories)
Upstream record
JimLiu/baoyu-design
Version
Version 1
Published
Publication review
Approved for publication
Content fingerprint
e9e805e804f30f441e7edd12b88a6763f2e40d34e49107d03d659914ab91d881