// Create line chart let lineChart = LineChart( data: salesData, xAxis: .time, yAxis: .value, style: LineChartStyle( lineColor: .blue, lineWidth: 2.0, showPoints: true, pointSize: 6.0 ) ) // Configure line chart lineChart.enableAnimations = true lineChart.enableInteractions = true lineChart.showGridLines = true lineChart.showLegend = true // Add to SwiftUI view var body: some View { VStack { Text("Sales Trend") .font(.title) lineChart .frame(height: 300) } }

// Create bar chart let barChart = BarChart( data: monthlyData, xAxis: .category, yAxis: .value, style: BarChartStyle( barColor: .green, barWidth: 0.8, showValues: true, valueColor: .black ) ) // Configure bar chart barChart.enableAnimations = true barChart.enableInteractions = true barChart.showGridLines = true barChart.showLegend = true // Add to SwiftUI view var body: some View { VStack { Text("Monthly Revenue") .font(.title) barChart .frame(height: 300) } }

// Create pie chart let pieChart = PieChart( data: categoryData, style: PieChartStyle( colors: [.red, .blue, .green, .orange], showLabels: true, labelColor: .white, showPercentages: true ) ) // Configure pie chart pieChart.enableAnimations = true pieChart.enableInteractions = true pieChart.showLegend = true pieChart.legendPosition = .bottom // Add to SwiftUI view var body: some View { VStack { Text("Category Distribution") .font(.title) pieChart .frame(height: 300) } }

// Create scatter plot let scatterPlot = ScatterPlot( data: correlationData, xAxis: .value, yAxis: .value, style: ScatterPlotStyle( pointColor: .purple, pointSize: 8.0, showTrendLine: true, trendLineColor: .red ) ) // Configure scatter plot scatterPlot.enableAnimations = true scatterPlot.enableInteractions = true scatterPlot.showGridLines = true scatterPlot.showLegend = true // Add to SwiftUI view var body: some View { VStack { Text("Correlation Analysis") .font(.title) scatterPlot .frame(height: 300) } }

// Create custom color scheme let customColorScheme = ChartColorScheme( primary: .blue, secondary: .green, accent: .orange, background: .white, text: .black, grid: .gray.opacity(0.3) ) // Apply color scheme to chart let chart = LineChart(data: data) .colorScheme(customColorScheme)

// Create custom typography let customTypography = ChartTypography( titleFont: .systemFont(ofSize: 18, weight: .bold), axisFont: .systemFont(ofSize: 12, weight: .medium), labelFont: .systemFont(ofSize: 10, weight: .regular), legendFont: .systemFont(ofSize: 11, weight: .medium) ) // Apply typography to chart let chart = BarChart(data: data) .typography(customTypography)

// Configure chart animations let chart = LineChart(data: data) .animation(.easeInOut(duration: 1.0)) .transition(.scale.combined(with: .opacity)) // Custom animation timing let customAnimation = ChartAnimation( duration: 1.5, curve: .easeInOut, delay: 0.2, repeatCount: 1 ) let chart = BarChart(data: data) .animation(customAnimation)

// Optimize for large datasets let optimizedChart = LineChart(data: largeDataset) .optimization(.largeDataset) .caching(.enabled) .lazyLoading(.enabled) // Configure performance settings let performanceConfig = ChartPerformanceConfig( maxDataPoints: 10000, enableCaching: true, enableLazyLoading: true, enableGPUAcceleration: true, backgroundProcessing: true ) let chart = BarChart(data: data) .performance(performanceConfig)

// Handle real-time data updates class RealTimeChartViewModel: ObservableObject { @Published var chartData: [DataPoint] = [] func updateData() { // Update chart data chartData = fetchNewData() // Animate the update withAnimation(.easeInOut(duration: 0.5)) { // Chart will automatically update } } } // Use in SwiftUI view struct RealTimeChartView: View { @StateObject private var viewModel = RealTimeChartViewModel() var body: some View { LineChart(data: viewModel.chartData) .animation(.easeInOut(duration: 0.5)) } }

dependencies: [ .package(url: "https://github.com/muhittincamdali/SwiftUI-Data-Visualization.git", from: "1.0.0") ]

import SwiftUI import DataVisualization // Create sample data let sampleData = [ DataPoint(x: 1, y: 10), DataPoint(x: 2, y: 20), DataPoint(x: 3, y: 15), DataPoint(x: 4, y: 25), DataPoint(x: 5, y: 30) ] // Create basic chart struct BasicChartView: View { var body: some View { VStack { Text("Sample Chart") .font(.title) LineChart(data: sampleData) .frame(height: 300) .padding() } } }

// Create simple line chart struct SimpleLineChartView: View { let data = [ DataPoint(x: 1, y: 10), DataPoint(x: 2, y: 20), DataPoint(x: 3, y: 15), DataPoint(x: 4, y: 25), DataPoint(x: 5, y: 30) ] var body: some View { VStack { Text("Simple Line Chart") .font(.title) LineChart(data: data) .frame(height: 300) .padding() } } }

// Create interactive bar chart struct InteractiveBarChartView: View { @State private var selectedBar: Int? let data = [ DataPoint(x: "Jan", y: 100), DataPoint(x: "Feb", y: 150), DataPoint(x: "Mar", y: 120), DataPoint(x: "Apr", y: 200), DataPoint(x: "May", y: 180) ] var body: some View { VStack { Text("Interactive Bar Chart") .font(.title) BarChart(data: data) .onBarTap { index in selectedBar = index } .frame(height: 300) .padding() if let selectedBar = selectedBar { Text("Selected: \(data[selectedBar].x)") .font(.caption) } } } }

// Create animated pie chart struct AnimatedPieChartView: View { @State private var isAnimating = false let data = [ DataPoint(x: "Red", y: 30), DataPoint(x: "Blue", y: 25), DataPoint(x: "Green", y: 20), DataPoint(x: "Yellow", y: 15), DataPoint(x: "Purple", y: 10) ] var body: some View { VStack { Text("Animated Pie Chart") .font(.title) PieChart(data: data) .animation(.easeInOut(duration: 1.0)) .frame(height: 300) .padding() Button("Animate") { withAnimation { isAnimating.toggle() } } } } }

// Configure chart settings let chartConfig = ChartConfiguration( showGridLines: true, showLegend: true, showAxisLabels: true, enableInteractions: true, enableAnimations: true, responsiveLayout: true ) let chart = LineChart(data: data) .configuration(chartConfig)

// Configure chart theme let chartTheme = ChartTheme( colorScheme: .light, typography: .default, spacing: .default, animations: .default ) let chart = BarChart(data: data) .theme(chartTheme)