Figma Chart
Figma Chart
Preview
Figma Chart
Figma Chart Component
Responsive components for data visualization. Transform complex data and infographics into clear visualizations using our customizable Chart component. Our charts builder includes helpful elements like legends, gridlines, and titles to create beautiful and readable charts.
Available Chart Types
Chart Anatomy
| Set | Variants | Properties |
|---|---|---|
| ChartLegend | 21 | Size Large, Medium, SmallItems x7, x6, x5, x4, x3, x2, x1 |
| ChartPie | 14 | Type Default, Semi CircularSegment x8, x7, x6, x5, x4, x3, x2 |
| ChartDonut | 14 | Type Default, Semi CircularSegment x8, x7, x6, x5, x4, x3, x2 |
| ChartValues | 12 | Type Horizontal, VerticalSize Small, Medium, LargeTrend Uptrends, Downtrends |
| СhartCurved | 12 | Points x10, x15, x30, x45Trend Uptrends, Sideways, Downtrends |
| СhartSharp | 12 | Points x10, x15, x30, x45Trend Uptrends, Sideways, Downtrends |
| ChartRadial | 7 | Segment x7, x6, x5, x4, x3, x2, x1 |
| ChartAxis | 6 | Items x12, x7, x4Y Axis 2, 1 |
| MapWorld | 2 | Type Dots, Shapes |
Figma Chart
Chart
figma charts
charts examples
charts design
Interactive component
