/Swift-Charts-Examples

An overview of the different types of charts you can make with Swift Charts

Primary LanguageSwiftMIT LicenseMIT

Swift Charts Examples

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.

image

Included Charts

  • Basis project setup
  • Simple Line chart
  • Line chart with lollipop
  • Heartbeat Chart
  • Simple Bar chart
  • Simple dual bar chart
  • Range Chart
  • Pyramid Chart
  • Area Chart
  • Range with Max and Min Chart
  • One dimensional bar
  • Heatmap Block Chart
  • Scatter Chart
  • Heartbeat range Chart
  • Vector Field
  • Animating Line chart

Todo

  • Cumulative line Chart
  • Distribution line + Point Chart
  • Funky Gradient Chart
  • Other Charts
  • Multi-language Support
  • 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.

How to add a new chart

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 Chart Simple 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.

Source: https://developer.apple.com/videos/play/wwdc2022/10137/

Chart Types

Line Chart

Line Chart with Lollipop

Heart Beat / ECG Chart

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