Visualization

Bell Curve

Used to illustrate the distribution of values across a population.

Visual Example

View image source

Types

Types are variations or derivatives of an individual element. They can help you choose what to include in your design.

This element has no additional types.

Interaction States

Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:

Chart Features

For this particular visualization, you may consider these additional features.

Title

Legend

X-Axis

Y-Axis

Annotation

Date Selector

Filtering

Sorting

Tooltip

Download

Print

Share

Building a design system?

Track your progress while building your design system using the Design System planning tool in Airtable.

View more:

Percentage Area

Used to display the proportions of various categories over time, and how each contributes to the cumulative total.

Tree Map

Used to display hierarchical data using nested rectangles.

Interactive Map

Used to enable the exploration of a geographic area.

Sankey Diagram

Used to display flows and their quantities in proportion to one another, using the width of arrows or lines to show their magnitudes.

The Design Encyclopedia is a passion project by Jon Moore, and was designed and built in Webflow (this is an affiliate link). If you would like to reference the encyclopedia in a separate project, partner on a collaboration, or have a general inquiry, send me an email.

© 2020 Design Encyclopedia. All rights reserved.