DS-301b · Module 3

Building a Chart Design System

3 min read

A chart design system is a library of pre-built chart templates with defined color palettes, typography, spacing, and formatting rules. Every chart produced by the team looks like it belongs to the same family. The system includes: a color palette with semantic assignments (green for positive, red for negative, blue for neutral), typography rules (font, size, weight for titles, labels, and annotations), spacing standards (margins, padding, axis tick density), and template files for each chart type. The system eliminates the thirty minutes of formatting that every chart currently requires. The analyst selects the template, inserts the data, and the formatting is automatic. Quality is built into the system, not dependent on individual discipline.

Do This

  • Build chart templates for every chart type your team uses regularly
  • Define semantic color assignments — consistency across charts builds reader fluency
  • Store the design system in a shared, version-controlled location that the entire team uses

Avoid This

  • Let every analyst choose their own colors, fonts, and formatting — the output looks disjointed
  • Use rainbow color schemes that have no semantic meaning — colors should communicate, not decorate
  • Build the design system and let it gather dust — enforce it through template usage and review