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...

August 22, 2025
SwiftUI

Popup View

Floaters Toasts Popups Sheets

August 21, 2025
SwiftUI

Drops 💧

A µFramework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil.

August 21, 2025
SwiftUI

MarqueeText

A SwiftUI Marquee or "scrolling text" effect found in Apple native apps. For when one line isn't enough, but two ...

August 21, 2025
SwiftUI

TextBuilder

Introduction Text composition in SwiftUI can often be cumbersome, especially when there's logic affecting its format and content. TextBuilder leverages the ...

August 20, 2025
SwiftUI

TextView

Download File -> Swift Packages -> Add Package Dependency... Select your project Enter https://github.com/kenmueller/TextView for the package repository URL Select Branch: master Click Finish ...