Design systemsComponents
  1. Components
  2. Chart

Chart

27

Also known as: Area chart, Bar chart, Line chart, Pie chart, Donut chart

Area chart

Area chart

PatternFly

Area chart

Area chart

Cloudscape

Bar chart

Bar chart

Backpack

Bar chart

Bar chart

Cloudscape

Bar chart

Bar chart

PatternFly

Bar Chart

Bar Chart

Shoelace

Box plot chart

Box plot chart

PatternFly

Bubble Chart

Bubble Chart

Shoelace

Bullet chart

Bullet chart

PatternFly

Chart

Chart

shadcn

Chart

Chart

Shoelace

Chart Provider

Chart Provider

Paste

Donut chart

Donut chart

PatternFly

Donut utilization chart

Donut utilization chart

PatternFly

Doughnut Chart

Doughnut Chart

Shoelace

Line chart

Line chart

Cloudscape

Line Chart

Line Chart

Shoelace

Mixed line and bar chart

Mixed line and bar chart

Cloudscape

Pie chart

Pie chart

PatternFly

Pie Chart

Pie Chart

Shoelace

Polar Area Chart

Polar Area Chart

Shoelace

Radar Chart

Radar Chart

Shoelace

Scatter chart

Scatter chart

PatternFly

Scatter Chart

Scatter Chart

Shoelace

Sparkline chart

Sparkline chart

PatternFly

Stack chart

Stack chart

PatternFly

Threshold chart

Threshold chart

PatternFly

Discover amazing job opportunities and design system resources for developers and designers.

Design systems

  • All design systems
  • Brand design systems
  • Marketing design systems
  • Submit a design system

By technology

  • React
  • Vue
  • Angular
  • Svelte
  • Web Components
  • Tailwind CSS
  • Bootstrap
  • Figma
  • Sketch
  • Storybook
  • zeroheight
  • Supernova
  • Knapsack
  • React Native
  • Flutter
  • iOS
  • Android

By category

  • Accessibility
  • A11Y
  • WCAG
  • Inclusive design
  • Design ops
  • Style dictionary
  • Tone of voice
  • Content guidelines
  • Motion design
  • Micro-interactions
  • Multi-brand
  • Themeable
  • Headless
  • Zero runtime
  • CSS-in-JS
  • RTL support
  • Internationalization
  • i18n
  • Government

© 2026 designsystem.gallery