visualizing-data
Use when producing any chart, graph, plot, dashboard, or data visualization in any medium - HTML/SVG, React, a plotting library (matplotlib, plotly, d3, Vega, Recharts), or a rendered image. Read before writing the first line of chart code, picking chart colours, or laying out a dashboard. Covers choosing a form, the house jewel-tone palette, mark specs, typography, interaction, and accessibility.
Pinned to revision c1f5523e5b31, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/visualizing-data/SKILL.md
- skills/visualizing-data/assets/fonts/InterVariable-Italic.woff2
- skills/visualizing-data/assets/fonts/InterVariable.ttf
- skills/visualizing-data/assets/fonts/InterVariable.woff2
- skills/visualizing-data/assets/fonts/OFL.txt
- skills/visualizing-data/assets/swatches.html
- skills/visualizing-data/references/anti-patterns.md
- skills/visualizing-data/references/choosing-a-form.md
- skills/visualizing-data/references/colour.md
- skills/visualizing-data/references/interaction.md
- skills/visualizing-data/references/marks.md
- skills/visualizing-data/references/palette.md
- skills/visualizing-data/references/typography.md
- skills/visualizing-data/scripts/test_validate_palette.py
- skills/visualizing-data/scripts/validate_palette.py
Every link opens the file at its source, pinned to the revision this page describes.