This repo aims to provide sample code for lots of different chart types for you to use as inspiration for your own projects. We start by recreating the sample charts Apple uses in their sessions related to Swift Charts. The goal is to make each chart type customizable, accessible and flexible so that you can easily change it to your needs.
- Basis project setup
- Simple Line chart
- Line chart with lollipop
- Heartbeat Chart
- Animating Line chart
- Simple Bar chart
- Simple dual bar chart
- Pyramid Chart
- One dimensional bar
- Time Sheet Bar
- Area Chart
- Range Chart
- Range with Max and Min Chart
- Heartbeat range Chart
- Heatmap Block Chart
- Scatter Chart
- Vector Field
- Cumulative line Chart
- Distribution line + Point Chart
- Funky Gradient Chart
- Other Charts
- Multi-language Support
- Screen time like bar chart with stacked colors
- First row, second bar with the lines with blocks in the middle
- Sleep stages chart
- iPhone battery percentage screen with different colors and overlaid bar
- Make all charts accessible
See the open issues if you think anything is missing from this list. You can also contact me on Twitter if you have any suggestions or feedback.
Each chart needs a preview chart as well as a detail view. The preview chart is used in the home screen of the app for easier navigation. Look at the Simple Line Chart code to see what the format should be for the preview charts. On the detail view, make sure you add some customisation options in a separate section from the chart. If you have any questions feel free to create an issue.
Line Chart
Line Chart with Lollipop
Heart Beat / ECG Chart
Animating Line
Single Bar
Single Bar with Threshold Rule Mark
Two Bars
Pyramid
One Dimensional Bar
Time Sheet Bar
Area Chart
Range Chart
Heart Rate Range Chart
Customizable Heat Map
Scatter Chart
Vector Field
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent