Data Visualization Style Guide Builder

Build a custom dataviz style guide for your organization in four steps.

Branding & Colors

Organization name Select color palettes to include

Categorical palette

* Upload a .txt or .csv file with one hex code per line (e.g. #2563eb). The # is optional.

Sequential palette

* Upload a .txt or .csv file with one hex code per line (e.g. #2563eb). The # is optional.

Diverging palette

* Upload a .txt or .csv file with one hex code per line (e.g. #2563eb). The # is optional.

Background & text color

Background

Text

Google Fonts link e.g., https://fonts.google.com/specimen/Roboto

The quick brown fox jumps over the lazy dog. 0 1 2 3 4 5 6 7 8 9

Chart Types

Select chart types to include as examples in your guide.

Guide Sections

Check sections to include. Drag to reorder.

Accessibility, Alt Text, Best Practices, Equity, and Additional Resources sections include pre-written content you can edit after download. Colors, Fonts, and Chart Examples are populated from your selections above.

Export

Download your style guide in your preferred format.