SwiftUI 4 Charts Framework Online Course

SwiftUI 4 Charts Framework Online Course

In this course, you will learn Apple’s new Charts Framework for SwiftUI, enabling developers to create powerful data visualizations with minimal code. Compatible across iOS, iPadOS, macOS, and watchOS, the framework allows seamless integration of chart views into apps. You’ll learn SwiftUI 4 features and explore simple charts, markers, multi-series charts, and advanced visualizations such as stacked, candlestick, and combined charts. The course also covers customization options and practical examples to match app themes. By the end, you’ll be skilled at designing and implementing complex, interactive charts tailored to your data visualization needs.

Who should take this Course?

This course is ideal for iOS and macOS developers, SwiftUI enthusiasts, and UI designers looking to enhance their app interfaces with rich data visualizations. Beginners with Swift knowledge can gain hands-on experience creating charts, while experienced developers can learn advanced techniques like multi-series and candlestick charts. Anyone aiming to create visually appealing, interactive, and customizable charts for apps across Apple platforms will find this course highly valuable.

What you will learn

• Learn about Apple's Charts Framework in detail
• Understand the new features introduced in SwiftUI 4
• Know about the new features introduced in iOS 16
• Learn to apply data visualization techniques in iOS 16 using SwiftUI 4
• Learn to build applications with data visualization in iOS 16
• Learn about the different kinds of charts available in the Charts Framework

Course Outline

Introduction

• Introduction

Getting Started

• Chart Basics
• Horizontal Bar Chart
• Dynamic Chart
• Chart Foreground Style
• Chart Foreground Style Scale Modifier
• Charts Annotation

Stacked Bar Chart

• Data Structure
• Stacked Chart

Multi-Series Bar Chart

• Data Structure and Setup
• Multi-Series Bar Chart View

Line Chart with LineMark

• Line Chart Introduction
• Line Chart Styling
• Line Chart Interpolation
• Line Chart Annotation
• Line Chart Symbol

Multi-Series Line Chart with LineMark

• Multi-Series Line Chart
• Multi-Series Line Chart Styling

Area Charts with AreaMark

• Area Chart Introduction
• Area Chart Styling

Multi-Series Area Charts in SwiftUI 4

• Multi-Series Area Chart

Candlestick Chart

• Candlestick Chart Using RectangleMark

Combined Chart

• AreaMark with Line Mark to Build a Combined Chart
• Point Mark in Combined Chart
• RuleMark in Combined Chart

Range Area Chart

• Data Structure
• AreaMark for Range
• PointMark for Average Value Visualization
• Range Area Chart with BarMark, RectangleMark, and RuleMark

Chart Customizations

• Legend Customization
• Chart Plot Area Customization
• Chart Axis Configuration

Empty State Chart

• Chart with Empty State