Components

Alert
Anchor navigation
App layout
App layout toolbar
Attribute editor
Autosuggest
Badge
Board components
Box
Breadcrumb group
Button
Button dropdown
Button group
Calendar
Cards
Charts
- Cartesian charts
- Pie and donut charts
Charts (Legacy)
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
Flashbar
Form
Form field
Generative AI components
Grid
Header
Help panel
Icon
Input
Key-value pairs
Link
List
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
Tree view
Tutorial components
Wizard

Cloudscape Design System
Components
Cartesian charts

Cloudscape Design System
Components
Cartesian charts

Cartesian charts

Cartesian charts display information along horizontal and vertical axes to clearly show patterns, comparisons, and relationships between values. It includes line, bar, area, scatter, and mixed charts.

Published: September 10, 2025 | Last updated: September 9, 2025

Get design library

Browse code

View in demo

These new chart components are built on top of Highcharts, which is a commercial third-party library . Refer to the licensing section on Charts for more details.

About
Connect
Privacy
Site terms

Made with love at AWS