SwiftUI Charts - line chart, column chart,

Graph SwiftUI

SwiftUI Charts – line chart, column chart,

July 4, 2025

Build custom charts with SwiftUI

Styles


                                              
                                                Chart(data: [0.1, 0.3, 0.2, 0.5, 0.4, 0.9, 0.1])

.chartStyle(

LineChartStyle(.quadCurve, lineColor: .blue, lineWidth: 5)

)

Area


                                              
                                                Chart(data: [0.1, 0.3, 0.2, 0.5, 0.4, 0.9, 0.1])

.chartStyle(

AreaChartStyle(.quadCurve, fill:

LinearGradient(gradient: .init(colors: [Color.blue.opacity(0.2), Color.blue.opacity(0.05)]), startPoint: .top, endPoint: .bottom)

)

)

Stacked Area


                                              
                                                Chart(data: matrix)

.chartStyle(

StackedAreaChartStyle(.quadCurve, colors: [.yellow, .orange, .red])

)

Column


                                              
                                                Chart(data: [0.1, 0.3, 0.2, 0.5, 0.4, 0.9, 0.1])

.chartStyle(

ColumnChartStyle(column: Capsule().foregroundColor(.green), spacing: 2)

)

Install

Add Charts to your project with Swift Package Manager


                                              
                                                // swift-tools-version:5.1

import PackageDescription
let package = Package(

name: “YOUR_PROJECT”,

dependencies: [

.package(url: “https://github.com/spacenation/swiftui-charts.git”, from: “1.0.0”),

]

)

GitHub

View Github

#chart

YOU MIGHT ALSO LIKE...

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...