Data visualization

Data visualization is a core part of the QuickBooks Blog. When creating data-based visuals, make design decisions based on the assumption that most readers will have minimal exposure to creating or consuming data sets.

Data visualizations must: 

Easily understandable

Scannable

Use appropriate chart types

Conform to style guidelines

Color palette

Consistent color usage is critical for all data visualizations.

Color palette for editorial based data visualizations

Background colors

Background color palette for editorial based data visualizations

Color order

Color usage order for editorial based data visualizations

Heat map color range


Positive

Ordered color range for positive trending heat maps

Negative

Ordered color range for negative trending heat maps

Examples


Below, you’ll find various examples of how we visualize data on the blog. 


Hardest-hit industries 

Example line chart

Company sales strategy

Example donut chart

Statutory employee vs. traditional employee

Example venn diagram

Well-being changes during 2022

Example bar chart
Example number callout
Second number callout example

Available library

Check out our extensive data visualization Figma library and toolkit containing the assets and guidelines you’ll need to begin.

QuickBooks editorial data visulaization library

QB Editorial Data Visualization

Figma components to assist in data visualization for the QuickBooks Blog. 

Open in Figma