Close Menu
Home
Getting Started
Visual Language
Color
Typography
Iconography
Space
Borders
Layering
Constants
Libraries
UI Components
Alerts
Buttons
Button Groups
Cards
Combo Boxes
Data Tables
Dialogs
Forms
Headers
Layout Grid
Links
List Groups
Loaders
Mastheads
Menus
Modals
Module Containers
Navigation Containers
Notifications
Page Shells
Pagination
Popovers
Range Sliders
Search Fields
Site Navigation
Steppers
Switches
Tags
Tooltips
Top Hats
Charts
Getting Started
Choosing a Chart
Visual Language
Bubble
Correlation Matrix
Donut
Geographical Map
Horizontal Bar
Line
Market Barometer
Scatter Plot
Style Box
Style Map
Time-Series Line
Vertical Bar
Release History
Editorial
Voice Principles
Punctuation
UX Patterns
Getting Started
Errors
Navigation
Search
About MDS
Release History
Report a Bug
Request a New Part
Development
Overview
Coding Standards
Javascript in MDS
Publishing Documentation
Versioning & Breaking Changes
Contributions
Overview
Proposing a Contribution
Segments
Adoption
Overview
v2.0.0 Upgrade Guide
Migrating from MUI-B
Design Handoff to Development
Browser Support
Accessibility
Choosing a Chart
Each data relationship can be best served by a particular subset of charts.
Comparison
Static
Horizontal Bar
Vertical Bar
Grouped Bar
Stacked Bar
Over Time
Few Categories or Periods
Vertical Bar
Grouped Bar
Stacked Bar
Line
Many Categories or Periods
Time-Series Line
(e.g., Performance or Growth)
Composition
Static
Donut
(e.g., Allocation)
Horizontal Bar
(e.g., Long/Short Allocation)
Over Time
Stacked Bar
Relationship & Distribution
Two Variables
Scatter Plot
(e.g., Risk/Reward Analysis)
Three Variables
Bubble
(e.g., Weighted Portfolio Holdings)
Link Template