Design Patterns
Chart Design Patterns
Proven recipes for building clear, accessible, and visually striking data visualizations.
📊
Bar Chart Best Practices
Baseline at zero, consistent gap widths, and sorted categories for instant readability.
📈
Line Chart Rhythm
Time on x-axis, no more than four series, and direct labeling over legends.
🥧
Pie & Donut Rules
Five slices max, largest segment at 12 o'clock, and avoid 3D distortions.
🎨
Color Accessibility
Use the violet-to-pink gradient for emphasis. Ensure 3:1 contrast on all data elements.
Quick Reference
- Always start bar charts at zero — truncated axes mislead.
- Use sequential palettes for continuous data, diverging for bipolar.
- Tooltips should show exact values — never force mental math.