Visualization

Candlestick Chart

Used by stock traders to determine possible price movement based on past patterns. A candlestick chart displays four price points – open, close, high, and low – across a specified period of time.

Types

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

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
X-Axis
Y-Axis
Tooltip
Annotation
Date Selector
Download
Print
Share
Zoom

Building a design system?

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

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.

© 2020 Design Encyclopedia. All rights reserved.