Add a section where we recreate certain Apple app charts

[jordibruin]

I think it could be a nice challenge / addition to the repo if we have a section in the app where we recreate common charts used throughout iOS.

Think screen time, battery, iCloud usage, weather etc

[atrinh0]

I love this idea, maybe a section on the top labelled "Apple" and recreate each one and try to find more!! 💪🏻

.	.
	.

[jordibruin]

@lekawik made a great first start!!

[atrinh0]

This chart is hot 🔥

Source: https://www.macrumors.com/guide/ios-16-health-app/

[atrinh0]

Cycling elevation chart

Source: https://www.macrumors.com/2022/08/02/apple-maps-cycling-directions-50-states/

[bdruth]

This chart is hot 🔥

Source: https://www.macrumors.com/guide/ios-16-health-app/

Any idea what's being used to connect the bar marks on this?

[nonameplum]

This chart is hot 🔥

Source: https://www.macrumors.com/guide/ios-16-health-app/

Any idea what's being used to connect the bar marks on this?

Same question. Any idea how the sleep chart could be tackled? Any evidence that this graph is created using swift charts framework?

[chengjunzhang61]

This chart is hot 🔥

Source: https://www.macrumors.com/guide/ios-16-health-app/

Any idea what's being used to connect the bar marks on this?

Same question. Any idea how the sleep chart could be tackled? Any evidence that this graph is created using swift charts framework?

Any idea how the sleep chart could be tackled?

[nonameplum]

I have asked during the "Ask" sessions and Apple's engineer told me that the current Swift Charts API doesn't give such abilities to build a similar chart to Healt's app sleep graph. Maybe by creating overlays something similar could be achieved.

[nonameplum]

Custom masking shapes on RectangleMark can make the chart similar to sleep one. Also, you can even create a mask on the whole plot area and mask using the chart content and apply one linear gradient.
Here is an example that I achieved on iOS 16.0

Simulator.Screen.Recording.-.iPhone.15.-.2024-02-08.at.10.25.09.mp4