Creating a data visualization dashboard with Swift Charts

At a glance

Project structure

Source bundle/
└── SwiftChartsWWDC24/
    ├── SwiftChartsWWDC24App.swift
    ├── Charts/
    │   ├── ScatterplotPanel.swift
    │   ├── TimeSeriesPanel.swift
    │   ├── DecisionBoundaryPlot.swift
    │   ├── Heatmap.swift
    │   ├── TimeSeriesBars.swift
    │   └── BreakdownHistogram.swift
    ├── ContentView.swift
    ├── Data/
    │   ├── Model.swift
    │   └── QuadraticRegression.swift
    ├── DashboardWindows.swift
    └── BreakdownPanel.swift

Structure observations

• Architecturally prominent files are ranked from entry points and role-named declarations; resource-only paths are omitted.
• Primary languages: Swift.
• The verified tree contains 5 project/configuration file(s) and 46 source declaration(s).

Overall architecture

flowchart LR
    N1["SwiftChartsWWDC24App"]
    N2["ContentView"]
    N3["Model"]
    N4["Charts APIs"]
    N1 --> N2
    N2 --> N3
    N3 --> N4

Reference code

SwiftChartsWWDC24/SwiftChartsWWDC24App.swift:10 — architecture anchor

@main
struct SwiftChartsWWDC24App: App {
    // ...
}

Interpretation

The arrows summarize the source-visible entry, role-named types or folders, and framework direction; when nodes come from structural folders, the sequence is a high-level interpretation rather than proof that every adjacent node calls the next. Ownership is claimed only where the next section cites a stored property or assignment. The diagram is intentionally limited to the dominant path into Swift Charts.

Ownership and state

classDiagram
    ScatterplotPanel *-- GeographicalCoordinateKind : scatterplotKind
    ScatterplotPanel o-- LocalizedStringKey : title
    HeatmapBinKey *-- String : xLongitude
    HeatmapBinKey *-- String : yLatitude

Ownership evidence

SwiftChartsWWDC24/Charts/ScatterplotPanel.swift:19 — stored dependency or nearest verified ownership anchor

struct ScatterplotPanel: View {
    @State private var scatterplotKind: GeographicalCoordinateKind = .longitude
    // ...
}

Composition arrows indicate a source-visible construction expression or locally owned value state; aggregation means the owner stores or receives a dependency without proving exclusive lifetime ownership.

Class and protocol design

SwiftChartsWWDC24/SwiftChartsWWDC24App.swift:11 — representative type boundary

struct SwiftChartsWWDC24App: App {
    // ...
}

No local protocol conformance is claimed as protocol-oriented design; external framework conformances are listed only as dependencies.

Access control

Reference code

SwiftChartsWWDC24/BreakdownPanel.swift:12 — representative boundary

    @Environment(Model.self) private var model: Model

Swift declarations without a modifier are internal; explicit private, fileprivate, private(set), public, or open entries above are interpreted by language semantics. Objective-C/C samples instead rely on header and implementation boundaries, which are not equivalent to Swift lexical privacy.

Logic ownership and placement

Design patterns

Naming conventions

• Types: App: SwiftChartsWWDC24App; Model: Model; View: ContentView.
• Protocols: no local protocol declaration in the scanned source.
• Methods: sortDataByBreakdown, loadSampleData.
• Files: SwiftChartsWWDC24/SwiftChartsWWDC24App.swift, SwiftChartsWWDC24/Charts/ScatterplotPanel.swift, SwiftChartsWWDC24/Charts/TimeSeriesPanel.swift, SwiftChartsWWDC24/ContentView.swift, SwiftChartsWWDC24/Data/Model.swift, SwiftChartsWWDC24/Charts/DecisionBoundaryPlot.swift.

Architecture takeaways

• SwiftChartsWWDC24App is the main source-visible entry or composition anchor for this sample.
• Framework work reaches SwiftUI, Charts, Accelerate, TabularData through a deliberately small high-level chain; the detailed API graph remains inside the cited implementation files.
• Stored-property evidence identifies lifecycle collaboration; it does not by itself prove exclusive object ownership.
• Access-control conclusions separate verified language visibility from the likely design rationale.
• The source does not justify labeling the design protocol-oriented.

Source map

• Official Apple documentation