Patterns

Data states

Data states provide clear and reassuring communication to users about the state of their report.

Examples of data states might include: the status of a report, when an error has occurred, when data is still being gathered or when there is no data to display.

Loading

Use a branded for main sections. If a branded loader is not provided, fall back to a generic loader.

Zero data

A zero data state is used when the raw data is returning zero data.

Chart Zero Data
Chart zero data state
Donut Zero Data
Donut chart zero data state
Horizontal Bar Zero Data
Horizontal bar zero data state
Influencers Zero Data
Influencers zero data state
Table Zero Data
Table zero data state
Word Cloud Zero Data
Word cloud zero data state

Gathering data

A gathering data state occurs when Sprout is gathering data from the source. This can take time and this state is used to represent that.

Chart Gathering Donut Gathering Horizontal Bar Gathering Influencers Gathering Multi Select Gathering Overview Gathering Table Gathering Word Cloud Gathering

Data error

Occurs when an error prevents Sprout from gathering your data from the source.

Chart Error Donut Error Horizontal Bar Error Influencers Error Multi Select Error Overview Error Table Error Word Cloud Error

Partial data

Occurs when the data source can only return a portion of a given set of data.

Area Chart Chart Donut Chart Gathering Data Donut Chart Missing Data Table Missing Data Table Partial Data

Unselected

Occurs when the visualization is dependent on an interactive key with nothing selected.

Multi select chart