How long does it take to complete the course?

The course is approximately 13 hours of video content. Depending on your pace and how much time you spend on exercises, you can expect to complete the course in a few days to a few weeks.

Can I preview a course before enrolling?

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

When will I have access to the lectures and assignments?

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

What will I get when I enroll?

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

When will I receive my Course Certificate?

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Advanced UI Components & Data Visualization in SwiftUI

Advanced UI Components & Data Visualization in SwiftUI

This course is part of Deep Dive into iOS & SwiftUI: 80-Hour Project Course Specialization

Instructor: Packt - Course Instructors

Included with

Learn more

5 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

5 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Learn how to extend SwiftUI’s color capabilities for dynamic color creation.
Master the creation and customization of interactive charts and data visualizations.
Implement advanced UI components such as activity trackers with pie and donut charts.
Gain hands-on experience with MapKit for integrating interactive maps in SwiftUI apps.

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Deep Dive into iOS & SwiftUI: 80-Hour Project Course Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 5 modules in this course

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Dive into the world of UI components and data visualization with SwiftUI in this comprehensive course. You’ll learn how to extend Swift’s color capabilities, work with various chart types, and implement advanced data-driven UI features. From understanding color extraction from HTML to building interactive charts, this course empowers you to create dynamic interfaces that respond to real-time data. The journey begins with creating custom color extensions and moves through building complex charting functionalities. You will explore bar charts, line charts, area charts, and even funnel charts, refining your skills with each step. Additionally, you’ll dive into practical examples such as developing an activity tracker with pie and donut charts, implementing custom views and buttons, and exploring MapKit fundamentals to add geographical interactivity to your app. This course is ideal for developers who want to deepen their understanding of SwiftUI and data visualization, and those looking to bring more interactivity and design flexibility into their apps. Whether you're looking to integrate dynamic charts or extend Swift's built-in UI components, this course offers a hands-on, practical approach. By the end of the course, you will be able to design and implement advanced UI components, create various interactive charts, manage dynamic data, and build intuitive, visually appealing applications using SwiftUI.

In this module, we will explore how to create a SwiftUI color extension by converting HTML color codes into usable Swift color values. You will learn to extract color data from HTML strings and enhance your Color struct with additional functionality to generate and test dynamic colors.

What's included

9 videos2 readings1 assignment

9 videos Total 82 minutes

Introduction to Programmatically Converting HTML to a Color Extension 2 minutes
Extract Color From HTML Code 6 minutes
Get Color Name 13 minutes
Get RGB Color 6 minutes
Generate Swift Code 14 minutes
Extending Color 12 minutes
Random Color Extensions 4 minutes
Grid of Colors Test 15 minutes
Video Exercise to Test Your Understanding 9 minutes

2 readings Total 20 minutes

Introduction to the Course 'Advanced UI Components & Data Visualization in SwiftUI' 10 minutes
Full Specialization Resource 10 minutes

1 assignment Total 15 minutes

Create a Color Extension Based on an HTML Page - Assessment 15 minutes

In this module, we will dive deep into SwiftUI's charting capabilities. We will explore how to build various charts such as bar, line, and area charts, integrating customization options like legends, annotations, and dynamic color features. You'll also learn essential techniques for improving chart interactivity and refining your code for better maintainability.

What's included

38 videos1 assignment

38 videos Total 353 minutes

Introduction to Charts 1 minute
Folder Structure and Arc View 14 minutes
Random Arc From Color List View 14 minutes
Color Button View 15 minutes
Color Button Test and Bar Chart - Part 1 8 minutes
Color Button Test and Bar Chart - Part 2 10 minutes
Reorganize Chart Series - End of Chart Demo 1 4 minutes
Demo 2 - First Exploration of Bar Charts, Annotations, Chart Scale, ChartXYAxis 14 minutes
Foreground Style, Multiple Groups 6 minutes
Legend Visibility and Legend Position/Alignment 7 minutes
Demo 3 - ForEach, Custom Colors 12 minutes
Demo 3 - Bar, Line, Area Charts 6 minutes
Demo 3 - Toggle Vertical and Horizontal Mode 5 minutes
Demo 3 - Random Colors - Part 1 5 minutes
Demo 3 - Random Colors - Code Refactorization 11 minutes
Demo 3 - Random Colors - Complete for Bar Chart 5 minutes
Demo 4 - Getting Started 5 minutes
Demo 4 - Adjusting View, Adding Title With Alignment 15 minutes
Demo 4 - Title Alignment Button 21 minutes
Demo 4 - Supporting Edit Mode, Add Share Button 7 minutes
Demo 4 - Draggable Rule Mark - Part 1 12 minutes
Demo 4 - Draggable Rule Mark - Part 2 14 minutes
Demo 4 - Draggable Rule Mark - Part 3 11 minutes
Demo 4 - Adding an Annotation for Edit Mode 3 minutes
Demo 4 - ChartItem Struct 4 minutes
Demo 4 - Refactoring With the Amazing ChartItem 9 minutes
Demo 4 - Refactoring LeftChartButtonsView 3 minutes
Demo 4 - Refactoring RightChartButtonsView 5 minutes
Demo 4 - Refactoring Bar Chart Horizontal View 12 minutes
Demo 4 - Refactoring LineChartHorizontalView 8 minutes
Demo 4 - ChartDrag View Modifier 8 minutes
Demo 4 - Refactoring LineChartVerticalView 4 minutes
Demo 4 - Combine Line and Area Views 7 minutes
Demo 4 - Yes! It Works! 2 minutes
Demo 4 - Adjusting Color Button for Line and Area Views 16 minutes
Demo 4 - Edit Title and Add Border 19 minutes
Funnel Chart Exercise 10 minutes
Funnel Chart Solution 19 minutes

1 assignment Total 15 minutes

Exploring Charts - Assessment 15 minutes

In this module, we will focus on building a fully functional activity tracker that includes pie and donut charts. You'll learn to integrate dynamic UI elements, manage data input, and visualize activity trends using charts. The module also covers how to enhance user interactivity with custom controls like sliders, buttons, and color adjustments.

What's included

10 videos1 assignment

10 videos Total 67 minutes

(NEW) Setting Up Project and Activity Model 6 minutes
(NEW) Hello SectorMark, Pie Chart and Donut Chart 8 minutes
(NEW) Computed Properties, Sliders, TextFields, Buttons 10 minutes
(NEW) Implement Add Activity 8 minutes
(NEW) ActivityRow 3 minutes
(NEW) Edit Button, Delete and Content Unavailable View 10 minutes
(NEW) Running the App 7 minutes
(NEW) Foreground Color, Reset HoursPerDay, Modify isSelected 7 minutes
(NEW) Implementing getSelected 4 minutes
(NEW) Chart Background 4 minutes

1 assignment Total 15 minutes

Activity Tracker - Pie Charts and Donut Charts With Swift Data - Assessment 15 minutes

In this module, we will dive into advanced line plotting techniques. You'll learn to create dynamic line plots from random data points, explore Lissajous curves and their parametric equations, and visualize mathematical functions like cosine and its Taylor polynomial. Additionally, we’ll introduce interactive features to control the graph's appearance in real-time.

What's included

5 videos1 assignment

5 videos Total 40 minutes

(iOS18+) Line Plot of Random Data Points 7 minutes
Lissajous Curve and Parametrizations 9 minutes
(iOS18+) Graphing Functions - Cosine and Its Taylor Polynomial 9 minutes
(iOS18+) Implementation of Cosine and Its Taylor Polynomial 9 minutes
(iOS18+) Adding Buttons to the Cosine and Taylor Polynomial View 6 minutes

1 assignment Total 15 minutes

Charts Continued - Line Plots - Assessment 15 minutes

In this module, we will focus on MapKit to help you build interactive, customized map applications. You'll learn how to use various features like markers, polyline customization, and drag gestures. We'll also explore map interaction modes and the Look Around feature, allowing you to create more engaging and dynamic map views with custom controls.

What's included

10 videos1 reading3 assignments

10 videos Total 93 minutes

Let's Visit Spain Using MapKit and Markers 5 minutes
Styling and Customizing Polylines in SwiftUI Maps: A Practical Demo 15 minutes
PolyLine Demo Continued 17 minutes
Exploring Locations With MapKit - Adjustable Regions and Camera Positioning 12 minutes
ZoomSliderView and ParisTitleView 18 minutes
Implement Drag Gesture and Pin 5 minutes
Map Controls 5 minutes
Map Styles 7 minutes
Interaction Modes 1 minute
Look Around View 8 minutes

1 reading Total 10 minutes

Conclusion to the Course 'Advanced UI Components & Data Visualization in SwiftUI' 10 minutes

3 assignments Total 90 minutes

MapKit Fundamentals - Assessment 15 minutes
Full Course Assessment 60 minutes
Full Course Practice Assessment 15 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors

Packt

1,395 Courses 375,627 learners

Offered by

Packt

Explore more from Software Development

Packt
Interactive Interfaces, Animations, and Gamified Apps
Course
Packt
Advanced SwiftUI, MVVM, and App Design Patterns
Course
Packt
Capstone Projects & Advanced Challenges
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

"Advanced UI Components & Data Visualization in SwiftUI" is a comprehensive course focused on developing sophisticated user interfaces and data visualization tools using SwiftUI. This specialization is relevant because SwiftUI is a modern framework for building iOS applications, and having the ability to create dynamic UI components and visualize data efficiently is crucial for developers looking to build engaging, interactive apps. Mastery of these skills is particularly valuable as data-driven apps become increasingly popular across industries.

This course covers a variety of advanced topics in SwiftUI, including creating custom UI components like color extensions, building interactive charts, and developing sophisticated data visualizations such as pie charts, donut charts, and line plots. Additionally, it dives into practical applications such as an activity tracker using charts and MapKit for location-based visualizations. Through hands-on demos and exercises, you'll learn to enhance your apps with complex, dynamic visual elements.

After completing this course, you will be capable of implementing a wide range of advanced UI components in SwiftUI. You’ll be able to create and customize color extensions, build various types of charts (bar, line, pie, and donut), integrate interactive features like draggable elements, and apply MapKit functionalities to create rich, data-driven user interfaces. You will also be able to improve your app’s functionality with UI components that support real-time data manipulation and visualization.

To enroll in this course, you should have a foundational understanding of Swift programming and basic SwiftUI concepts. Familiarity with building simple user interfaces and handling basic data structures will help you get the most out of the course. If you're new to SwiftUI, it’s recommended that you take an introductory course or have experience with building iOS apps using SwiftUI.

This course is ideal for intermediate to advanced iOS developers who are looking to enhance their skills in SwiftUI and data visualization. It’s particularly suited for those who want to build data-driven applications or integrate complex UI components into their existing projects. Whether you're a developer looking to build apps with sophisticated visual elements or a designer wanting to understand how to incorporate dynamic charts and maps into your apps, this course will help you take your skills to the next level.