Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
  • About

Components


  • Alert
  • Anchor navigation
  • App layout
  • App layout toolbar
  • Attribute editor
  • Autosuggest
  • Badge
  • Board components
    • Board
    • Board item
    • Items palette
  • Box
  • Breadcrumb group
  • Button
  • Button dropdown
  • Button group
  • Calendar
  • Cards
  • Charts
    • Bar chart
    • Line chart
    • Area chart
    • Mixed line and bar chart
    • Pie and donut charts
  • Checkbox
  • Code editor
  • Code view
  • Collection preferences
  • Collection select filter
  • Column layout
  • Container
  • Content layout
  • Copy to clipboard
  • Date input
  • Date picker
  • Date range picker
  • Drawer
  • Expandable section
  • File uploading components
    • File dropzone
    • File token group
    • File input
    • File upload
  • Flashbar
  • Form
  • Form field
  • Generative AI components
    • Avatar
    • Chat bubble
    • Loading bar
    • Prompt input
    • Support prompt group
  • Grid
  • Header
  • Help panel
  • Icon
  • Input
  • Key-value pairs
  • Link
  • Live region
  • Modal
  • Multiselect
  • Pagination
  • Popover
  • Progress bar
  • Property filter
  • Radio group
  • S3 resource selector
  • Segmented control
  • Select
  • Side navigation
  • Slider
  • Space between
  • Spinner
  • Split panel
  • Status indicator
  • Steps
  • Table
  • Tabs
  • Tag editor
  • Text content
  • Text filter
  • Text area
  • Tiles
  • Time input
  • Toggle
  • Toggle button
  • Token group
  • Top navigation
  • Tutorial components
    • Annotation context
    • Hotspot
    • Tutorial panel
  • Wizard
  1. Cloudscape Design System
    • Components
    • Charts
    1. Cloudscape Design System
    2. Components
    3. Charts

    Charts

    Charts are a graphic representation of information and quantitative data intended to quickly and clearly convey meaning.

    Published: February 22, 2021

    On this page

    1. An introduction to data visualization
    2. Chart types

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.

    An introduction to data visualization

    To get started with using charts to visualize data, see the data visualization foundation article and data visualization color guidance.

    Chart types

    When using data visualization patterns to present data, choose the chart type that best shows the relationship between the data series. Charts can be used alone or in combinations of multiple charts.

    Bar chart

    A bar chart displays time based or categorical data series. Users can compare proportional data series on the same scale.

    Line chart

    A line chart displays series of data points connected by lines. Users can compare many data series over a period of time.

    Mixed line and bar chart

    A mixed line and bar chart shows one data series as bars and one or more data series as lines. This helps users differentiate the data thanks to the distinct visual representation styles.

    Area chart

    An area chart visualizes two or more series of data. It emphasizes the part-to-whole relationship of data over a period of time.

    Pie and donut chart

    Pie and donut charts display portions of a whole unit so users can compare data points from a total set. A donut chart also includes a summary metric in the center of the chart.

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.
    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with love atAWS