Visualization

Bubble

Used when data has three dimensions, each containing a set of values. The first dimension represents the y-axis value, the second value represents the x-axis value, and the third dimension represents the size of the bubble.

Types

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

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.
A tag icon
Title
A tag icon
Legend
A tag icon
X-Axis
A tag icon
Y-Axis
A tag icon
Annotation
A tag icon
Date Selector
A tag icon
Filtering
A tag icon
Sorting
A tag icon
Tooltip
A tag icon
Download
A tag icon
Print
A tag icon
Share
A tag icon
Zoom
A tag icon
Search

Get it for Figma!

Everything on this website has been designed in Figma, and is ready to use.
A preview of the Figma Design Encyclopedia design systemThe logo for the Figma design app
Buy for Figma
Preview the file before you buy!

View more:

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.

© 2021 Design Encyclopedia. All rights reserved.
A square collage of design components from the design encyclopedia.