# Charts 60 charts, each copied into your project with the CLI. Source: https://uim.suiss.app/docs/charts - [Area Chart Axes](https://uim.suiss.app/docs/charts/area-chart-axes): A single area with a gradient fill, dots on each point and a value axis on the right. - [Area Chart Default](https://uim.suiss.app/docs/charts/area-chart-default): A single filled area with a smooth curve showing desktop visitors over six months. - [Area Chart Gradient](https://uim.suiss.app/docs/charts/area-chart-gradient): Two overlapping areas whose fills fade toward the bottom, comparing desktop and mobile visitors. - [Area Chart Interactive](https://uim.suiss.app/docs/charts/area-chart-interactive): A stock price card with a gradient area, a range switcher from one day to five years and key stats. - [Area Chart Linear](https://uim.suiss.app/docs/charts/area-chart-linear): A single filled area whose points are joined by straight lines instead of a curve. - [Area Chart Range](https://uim.suiss.app/docs/charts/area-chart-range): A heart-rate card with a shaded low-to-high band and an average line across 24 hours. - [Area Chart Sparkline](https://uim.suiss.app/docs/charts/area-chart-sparkline): A stock watchlist where each row has a small area chart next to its price and daily change. - [Area Chart Stacked Expand](https://uim.suiss.app/docs/charts/area-chart-stacked-expand): Two stacked areas normalized so every month adds up to 100%, showing each series' share. - [Area Chart Stacked](https://uim.suiss.app/docs/charts/area-chart-stacked): Two stacked areas showing desktop and mobile visitors combined, with a legend. - [Area Chart Step](https://uim.suiss.app/docs/charts/area-chart-step): A single filled area drawn as steps, so each value holds until the next reading. - [Bar Chart Active](https://uim.suiss.app/docs/charts/bar-chart-active): A weekly step count where tapping a bar selects that day and shows its total in the header. - [Bar Chart Default](https://uim.suiss.app/docs/charts/bar-chart-default): A single series of rounded vertical bars showing desktop visitors over six months. - [Bar Chart Horizontal](https://uim.suiss.app/docs/charts/bar-chart-horizontal): Horizontal bars ranking device types by users, each in its own color. - [Bar Chart Hourly](https://uim.suiss.app/docs/charts/bar-chart-hourly): A screen-time card with 24 hourly bars, a total in the header and a dashed average line. - [Bar Chart Interactive](https://uim.suiss.app/docs/charts/bar-chart-interactive): A screen-time dashboard with stacked category bars, a week and day toggle, and a list of most used apps. - [Bar Chart Labeled](https://uim.suiss.app/docs/charts/bar-chart-labeled): A single series of bars with each value printed above its bar. - [Bar Chart Multiple](https://uim.suiss.app/docs/charts/bar-chart-multiple): Grouped bars comparing desktop and mobile visitors side by side for each month. - [Bar Chart Negative](https://uim.suiss.app/docs/charts/bar-chart-negative): Monthly cash flow bars above and below a zero line, green for gains and red for losses. - [Bar Chart Range](https://uim.suiss.app/docs/charts/bar-chart-range): An eight-day forecast where each bar spans the low and high temperature on a shared scale. - [Bar Chart Stacked](https://uim.suiss.app/docs/charts/bar-chart-stacked): Stacked bars combining desktop and mobile visitors per month, with a legend. - [Line Chart Default](https://uim.suiss.app/docs/charts/line-chart-default): A single smooth line showing desktop visitors across six months. - [Line Chart Dots](https://uim.suiss.app/docs/charts/line-chart-dots): A weight card with a straight-line trend, dots on each month and the latest value in the header. - [Line Chart Forecast](https://uim.suiss.app/docs/charts/line-chart-forecast): A twelve-month line with actual values in solid and a forecast in dashed, over a shaded future range. - [Line Chart Goal Dots](https://uim.suiss.app/docs/charts/line-chart-goal-dots): A weekly sleep chart where each night's dot is green if it met the goal and orange if it did not. - [Line Chart Goal](https://uim.suiss.app/docs/charts/line-chart-goal): A weekly step count line with a dashed reference line marking a 10,000-step goal. - [Line Chart Interactive](https://uim.suiss.app/docs/charts/line-chart-interactive): A monthly temperature chart for several cities with city toggles and an average, high and low switch. - [Line Chart Labeled](https://uim.suiss.app/docs/charts/line-chart-labeled): A single smooth line with a dot and a printed value at every point. - [Line Chart Linear](https://uim.suiss.app/docs/charts/line-chart-linear): A single line with straight segments between monthly readings. - [Line Chart Multiple](https://uim.suiss.app/docs/charts/line-chart-multiple): Two lines comparing desktop and mobile visitors across six months, with a legend. - [Line Chart Step](https://uim.suiss.app/docs/charts/line-chart-step): A single line drawn as steps, holding each value until the next reading. - [Pie Chart Active](https://uim.suiss.app/docs/charts/pie-chart-active): A donut chart where one slice is pulled outward with an extra outer ring to highlight it. - [Pie Chart Default](https://uim.suiss.app/docs/charts/pie-chart-default): A basic pie chart showing users by device, with a tooltip for each slice. - [Pie Chart Donut Text](https://uim.suiss.app/docs/charts/pie-chart-donut-text): A donut chart with the total user count shown in its center. - [Pie Chart Donut](https://uim.suiss.app/docs/charts/pie-chart-donut): A donut chart showing users by device, with a hollow center and small gaps between slices. - [Pie Chart Half](https://uim.suiss.app/docs/charts/pie-chart-half): A half-circle donut showing battery use by device, with a total under the arc. - [Pie Chart Interactive](https://uim.suiss.app/docs/charts/pie-chart-interactive): A storage breakdown donut for phone and cloud, with a selectable list and a usage bar. - [Pie Chart Label](https://uim.suiss.app/docs/charts/pie-chart-label): A pie chart with each device name drawn outside its slice on a connecting line. - [Pie Chart Legend](https://uim.suiss.app/docs/charts/pie-chart-legend): A donut chart with a legend below it naming each device color. - [Pie Chart Nested](https://uim.suiss.app/docs/charts/pie-chart-nested): Two concentric pie rings: summary groups in the center and per-device detail around them. - [Pie Chart Separated](https://uim.suiss.app/docs/charts/pie-chart-separated): A donut chart whose slices have wide gaps and rounded corners. - [Radar Chart Default](https://uim.suiss.app/docs/charts/radar-chart-default): A radar chart showing one month of training scores across six fitness areas. - [Radar Chart Dots](https://uim.suiss.app/docs/charts/radar-chart-dots): A radar chart with a dot marking the score on every axis. - [Radar Chart Grid Circle](https://uim.suiss.app/docs/charts/radar-chart-grid-circle): A radar chart drawn over circular grid rings instead of polygons. - [Radar Chart Grid Filled](https://uim.suiss.app/docs/charts/radar-chart-grid-filled): A radar chart over shaded circular rings, with a filled shape and no outline. - [Radar Chart Grid None](https://uim.suiss.app/docs/charts/radar-chart-grid-none): A radar chart with no grid, showing only the filled shape and axis labels. - [Radar Chart Interactive](https://uim.suiss.app/docs/charts/radar-chart-interactive): A radar chart comparing up to three phone models across six scored attributes. - [Radar Chart Legend](https://uim.suiss.app/docs/charts/radar-chart-legend): A radar chart comparing this month and last month, with a legend below. - [Radar Chart Lines Only](https://uim.suiss.app/docs/charts/radar-chart-lines-only): A radar chart comparing two months as outlines with no fill. - [Radar Chart Multiple](https://uim.suiss.app/docs/charts/radar-chart-multiple): A radar chart overlaying this month's and last month's training scores. - [Radar Chart Radius Axis](https://uim.suiss.app/docs/charts/radar-chart-radius-axis): A radar chart with a visible 0 to 100 value scale along one spoke. - [Radial Chart Batteries](https://uim.suiss.app/docs/charts/radial-chart-batteries): A row of small circular gauges showing the battery level of four devices. - [Radial Chart Default](https://uim.suiss.app/docs/charts/radial-chart-default): Concentric radial bars showing users by device, each on its own track. - [Radial Chart Gauge](https://uim.suiss.app/docs/charts/radial-chart-gauge): A gauge arc showing an air quality reading of 38 with a label in the middle. - [Radial Chart Interactive](https://uim.suiss.app/docs/charts/radial-chart-interactive): Activity rings for each day of the week, with a day picker and per-ring totals against goals. - [Radial Chart Label](https://uim.suiss.app/docs/charts/radial-chart-label): Radial bars for users by device, with each device name printed at the start of its bar. - [Radial Chart Progress](https://uim.suiss.app/docs/charts/radial-chart-progress): A three-quarter arc tracking progress toward a reading goal, with the count in the middle. - [Radial Chart Rings](https://uim.suiss.app/docs/charts/radial-chart-rings): Three concentric activity rings showing move, exercise and stand progress toward their goals. - [Radial Chart Stacked](https://uim.suiss.app/docs/charts/radial-chart-stacked): A half-circle arc stacking desktop and mobile visitors, with the total below it. - [Radial Chart Text](https://uim.suiss.app/docs/charts/radial-chart-text): A full circular ring showing 72% of cloud storage used, with the value in the center. - [Radial Chart Tinted](https://uim.suiss.app/docs/charts/radial-chart-tinted): Radial bars for users by device, where each track is a soft tint of its bar color.