Chapter 8
Implementing Path and Shape for Line Drawing and Pie Charts

For experienced developers, you probably have used the Core Graphics APIs to draw shapes and objects. It's a very powerful framework for you to create vector-based drawings. In SwiftUI, it also provides several vector drawing APIs for developers to draw lines and shapes.

In this chapter, you will learn how to draw lines, arcs, pie charts, and donut charts using Path and the built-in Shape such as Circle and RoundedRectangle. Here are the topics I will go through with you:

  • Understanding Path and how to draw a line with it
  • What is the Shape protocol and how to drawing a custom shape by conforming to the protocol
  • How to draw a pie chart
  • How to create a progress indication with an open circle
  • How to draw a donut chart

Figure 1 shows you some of the shapes and charts that we will create in the later sections.

Figure 1. Sample shapes and charts
Figure 1. Sample shapes and charts

To access the full content and the complete source code, please get your copy at

results matching ""

    No results matching ""