Add CardView and CardLabel

* Movie PieChartFile

* Variable renaming

.swiftlint.yml

@@ -0,0 +1,64 @@
+disabled_rules:
+- explicit_acl
+- trailing_whitespace
+- force_cast
+- unused_closure_parameter
+- multiple_closures_with_trailing_closure
+opt_in_rules:
+- anyobject_protocol
+- array_init
+- attributes
+- collection_alignment
+- colon
+- conditional_returns_on_newline
+- convenience_type
+- empty_count
+- empty_string
+- empty_collection_literal
+- enum_case_associated_values_count
+- function_default_parameter_at_end
+- fatal_error_message
+- file_name
+- first_where
+- modifier_order
+- toggle_bool
+- unused_private_declaration
+- yoda_condition
+excluded:
+- Carthage
+- Pods
+- SwiftLint/Common/3rdPartyLib
+identifier_name:
+  excluded:
+    - a
+    - b
+    - c
+    - i
+    - id
+    - t
+    - to
+    - x
+    - y
+line_length:
+    warning: 150
+    error: 200
+    ignores_function_declarations: true
+    ignores_comments: true
+    ignores_urls: true
+function_body_length:
+    warning: 300
+    error: 500
+function_parameter_count:
+    warning: 6
+    error: 8
+type_body_length:
+    warning: 300
+    error: 400
+file_length:
+    warning: 500
+    error: 1200
+    ignore_comment_only_lines: true
+cyclomatic_complexity:
+    warning: 15
+    error: 21
+reporter: "xcode"

.swiftpm/xcode/xcuserdata/andrassamu.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -10,5 +10,18 @@
 			<integer>0</integer>
 		</dict>
 	</dict>
+	<key>SuppressBuildableAutocreation</key>
+	<dict>
+		<key>SwiftUICharts</key>
+		<dict>
+			<key>primary</key>
+			<true/>
+		</dict>
+		<key>SwiftUIChartsTests</key>
+		<dict>
+			<key>primary</key>
+			<true/>
+		</dict>
+	</dict>
 </dict>
 </plist>

.swiftpm/xcode/xcuserdata/samuandris.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>SwiftUICharts.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>1</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Andras Samu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

Package.swift

@@ -6,13 +6,13 @@ import PackageDescription
 let package = Package(
     name: "SwiftUICharts",
     platforms: [
-        .iOS(.v13),
+        .iOS(.v13), .watchOS(.v6), .macOS(.v10_15)
     ],
     products: [
         // Products define the executables and libraries produced by a package, and make them visible to other packages.
         .library(
             name: "SwiftUICharts",
-            targets: ["SwiftUICharts"]),
+            targets: ["SwiftUICharts"])
     ],
     dependencies: [
         // Dependencies declare other packages that this package depends on.
@@ -26,6 +26,6 @@ let package = Package(
             dependencies: []),
         .testTarget(
             name: "SwiftUIChartsTests",
-            dependencies: ["SwiftUICharts"]),
+            dependencies: ["SwiftUICharts"])
     ]
 )

README.md

@@ -2,17 +2,18 @@
 
 Swift package for displaying charts effortlessly.
 
-![SwiftUI Charts](./chartview.gif "SwiftUI Charts")
+![SwiftUI Charts](./Resources/showcase1.gif "SwiftUI Charts")
 
-It supports currently:
-* barcharts
-* piecharts
+It supports:
+* Line charts
+* Bar charts
+* Pie charts
 
 ### Installation:
 
-It requires iOS 13 and xCode 11!
+It requires iOS 13 and Xcode 11!
 
-In xCode got to `File -> Swift Packages -> Add Package Dependency` and paste inthe repo's url: `https://github.com/AppPear/ChartView`
+In Xcode got to `File -> Swift Packages -> Add Package Dependency` and paste inthe repo's url: `https://github.com/AppPear/ChartView`
 
 ### Usage:
 
@@ -20,23 +21,172 @@ import the package in the file you would like to use it: `import SwiftUICharts`
 
 You can display a Chart by adding a chart view to your parent view: 
 
-Barchart:
+### Demo
+
+Added an example project, with **iOS, watchOS** target: https://github.com/AppPear/ChartViewDemo
+
+## Line charts
+
+**LineChartView with multiple lines!**
+First release of this feature, interaction is disabled for now, I'll figure it out how could be the best to interact with multiple lines with a single touch.
+![Multiine Charts](./Resources/multiline1.gif "Multiine Charts")
+
+Usage:
 ```swift
-ChartView(data: [8,23,54,32,12,37,7,23,43], title: "Barchart")
+MultiLineChartView(data: [([8,32,11,23,40,28], GradientColors.green), ([90,99,78,111,70,60,77], GradientColors.purple), ([34,56,72,38,43,100,50], GradientColors.orngPink)], title: "Title")
+```
+Gradient colors are now under the `GradientColor` struct you can create your own gradient by `GradientColor(start: Color, end: Color)`
+
+Available preset gradients: 
+* orange 
+* blue
+* green
+* blu 
+* bluPurpl
+* purple
+* prplPink 
+* prplNeon
+* orngPink
+
+**Full screen view called LineView!!!**
+
+![Line Charts](./Resources/fullscreen2.gif "Line Charts")
+
+```swift
+ LineView(data: [8,23,54,32,12,37,7,23,43], title: "Line chart", legend: "Full screen") // legend is optional, use optional .padding()
 ```
 
-Piechart:
+Adopts to dark mode automatically 
+
+![Line Charts](./Resources/showcase3.gif "Line Charts")
+
+You can add your custom darkmode style by specifying:
+
 ```swift
-PieChartView(data:[43,56,78,34], title: "Piechart")
+let myCustomStyle = ChartStyle(...)
+let myCutsomDarkModeStyle = ChartStyle(...)
+myCustomStyle.darkModeStyle = myCutsomDarkModeStyle
 ```
 
-You can optionally configure:
-* legend
+**Line chart is interactive, so you can drag across to reveal the data points**
+
+You can add a line chart with the following code: 
+
+```swift
+ LineChartView(data: [8,23,54,32,12,37,7,23,43], title: "Title", legend: "Legendary") // legend is optional
+```
+
+**Turn drop shadow off by adding to the Initialiser: `dropShadow: false`**
+
+
+## Bar charts
+![Bar Charts](./Resources/showcase2.gif "Bar Charts")
+
+**[New feature] you can display labels also along values and points for each bar to descirbe your data better!**
+**Bar chart is interactive, so you can drag across to reveal the data points**
+
+You can add a bar chart with the following code: 
+
+Labels and points:
+
+```swift
+ BarChartView(data: ChartData(values: [("2018 Q4",63150), ("2019 Q1",50900), ("2019 Q2",77550), ("2019 Q3",79600), ("2019 Q4",92550)]), title: "Sales", legend: "Quarterly") // legend is optional
+```
+Only points:
+
+```swift
+ BarChartView(data: ChartData(points: [8,23,54,32,12,37,7,23,43]), title: "Title", legend: "Legendary") // legend is optional
+```
+
+**ChartData** structure
+Stores values in data pairs (actually tuple): `(String,Double)`
+* you can have duplicate values
+* keeps the data order
+
+You can initialise ChartData multiple ways:
+* For integer values: `ChartData(points: [8,23,54,32,12,37,7,23,43])`
+* For floating point values: `ChartData(points: [2.34,3.14,4.56])`
+* For label,value pairs: `ChartData(values: [("2018 Q4",63150), ("2019 Q1",50900)])`
+
+
+You can add different formats: 
+* Small `ChartForm.small`
+* Medium  `ChartForm.medium`
+* Large `ChartForm.large` 
+
+```swift
+BarChartView(data: ChartData(points: [8,23,54,32,12,37,7,23,43]), title: "Title", form: ChartForm.small)
+```
+
+For floating point numbers, you can set a custom specifier: 
+
+```swift
+BarChartView(data: ChartData(points:[1.23,2.43,3.37]) ,title: "A", valueSpecifier: "%.2f")
+```
+For integers you can disable by passing: `valueSpecifier: "%.0f"`
+
+
+You can set your custom image in the upper right corner by passing in the initialiser: `cornerImage:Image(systemName: "waveform.path.ecg")` 
+
+
+ **Turn drop shadow off by adding to the Initialiser: `dropShadow: false`**
+
+ ### You can customize styling of the chart with a ChartStyle object: 
+
+Customizable: 
 * background color
 * accent color
+* second gradient color
+* text color
+* legend text color
 
 ```swift
-ChartView(data: [12,17,24,33,36,31,27,23,14], title: "Title", legend: "Legend", backgroundColor:Color(red: 226.0/255.0, green: 250.0/255.0, blue: 231.0/255.0) , accentColor:Color(red: 114.0/255.0, green: 191.0/255.0, blue: 130.0/255.0))
+ let chartStyle = ChartStyle(backgroundColor: Color.black, accentColor: Colors.OrangeStart, secondGradientColor: Colors.OrangeEnd, chartFormSize: ChartForm.medium, textColor: Color.white, legendTextColor: Color.white )
+ ...
+ BarChartView(data: [8,23,54,32,12,37,7,23,43], title: "Title", style: chartStyle)
 ```
 
+You can access built-in styles: 
+```swift
+ BarChartView(data: [8,23,54,32,12,37,7,23,43], title: "Title", style: Styles.barChartMidnightGreen)
+```
+#### All styles available as a preset: 
+* barChartStyleOrangeLight
+* barChartStyleOrangeDark
+* barChartStyleNeonBlueLight
+* barChartStyleNeonBlueDark
+* barChartMidnightGreenLight
+* barChartMidnightGreenDark
+
+![Midnightgreen](./Resources/midnightgreen.gif "Midnightgreen")
+
+![Custom Charts](./Resources/showcase5.png "Custom Charts")
+
+
+### You can customize the size of the chart with a ChartForm object: 
+
+**ChartForm**
+* `.small`
+* `.medium`
+* `.large`
+* `.detail`
+
+```swift
+BarChartView(data: [8,23,54,32,12,37,7,23,43], title: "Title", form: ChartForm.small)
+```
+
+### WatchOS support for Bar charts: 
+
+![Pie Charts](./Resources/watchos1.png "Pie Charts")
+
+## Pie charts
+![Pie Charts](./Resources/showcase4.png "Pie Charts")
+
+You can add a pie chart with the following code: 
+
+```swift
+ PieChartView(data: [8,23,54,32], title: "Title", legend: "Legendary") // legend is optional
+```
+
+**Turn drop shadow off by adding to the Initialiser: `dropShadow: false`**
 

Sources/SwiftUICharts/Base/CardView/CardView.swift

@@ -0,0 +1,23 @@
+import SwiftUI
+
+public struct CardView<Content: View>: View {
+    @Environment(\.chartStyle) private var chartStyle
+
+    let content: () -> Content
+
+    public init(@ViewBuilder content: @escaping () -> Content) {
+        self.content = content
+    }
+
+    public var body: some View {
+        ZStack{
+            Rectangle()
+                .fill(self.chartStyle.backgroundColor.linearGradient(from: .bottom, to: .top))
+                .cornerRadius(20)
+                .shadow(color: Color.gray, radius: 8)
+            VStack {
+                self.content()
+            }
+        }
+    }
+}

Sources/SwiftUICharts/Base/Chart/AnyChartType.swift

@@ -0,0 +1,19 @@
+import SwiftUI
+
+struct AnyChartType: ChartType {
+    private let chartMaker: (ChartType.Configuration, ChartType.Style) -> AnyView
+
+    init<S: ChartType>(_ type: S) {
+        self.chartMaker = type.makeTypeErasedBody
+    }
+
+    func makeChart(configuration: ChartType.Configuration, style: ChartType.Style) -> AnyView {
+        self.chartMaker(configuration, style)
+    }
+}
+
+fileprivate extension ChartType {
+    func makeTypeErasedBody(configuration: ChartType.Configuration, style: ChartType.Style) -> AnyView {
+        AnyView(makeChart(configuration: configuration, style: style))
+    }
+}

Sources/SwiftUICharts/Base/Chart/ChartType.swift

@@ -0,0 +1,11 @@
+import SwiftUI
+
+@available(iOS 13.0, OSX 10.15, tvOS 13.0, watchOS 6.0, *)
+public protocol ChartType {
+    associatedtype Body: View
+
+    func makeChart(configuration: Self.Configuration, style: Self.Style) -> Self.Body
+
+    typealias Configuration = ChartTypeConfiguration
+    typealias Style = ChartStyle
+}

Sources/SwiftUICharts/Base/Chart/ChartTypeConfiguration.swift

@@ -0,0 +1,5 @@
+import SwiftUI
+
+public struct ChartTypeConfiguration {
+    public let data: [Double]
+}

Sources/SwiftUICharts/Base/ChartView.swift

@@ -0,0 +1,21 @@
+//  ChartView.swift
+//  Created by Samu András on 2020. 05. 22..
+
+import SwiftUI
+
+public struct ChartView: View {
+    @Environment(\.chartType) private var chartType
+    @Environment(\.chartStyle) private var chartStyle
+
+    private var configuration: ChartTypeConfiguration
+
+    public var body: some View {
+        self.chartType.makeChart(configuration: configuration, style: chartStyle)
+    }
+}
+
+extension ChartView {
+    public init(data: [Double]) {
+        self.configuration = ChartTypeConfiguration(data: data)
+    }
+}

Sources/SwiftUICharts/Base/Extensions/Array+Extension.swift

@@ -0,0 +1,22 @@
+//
+//  File.swift
+//  
+//
+//  Created by Nicolas Savoini on 2020-05-25.
+//
+
+import Foundation
+
+extension Array where Element == ColorGradient {
+    func rotate(for index: Int) -> ColorGradient {
+        if self.isEmpty {
+            return ColorGradient.orangeBright
+        }
+        
+        if self.count <= index {
+            return self[index % self.count]
+        }
+        
+        return self[index]
+    }
+}

Sources/SwiftUICharts/Base/Extensions/CGPoint+Extension.swift

@@ -0,0 +1,35 @@
+import SwiftUI
+
+extension CGPoint {
+    static func getStep(frame: CGRect, data: [Double]) -> CGPoint {
+        let padding: CGFloat = 30.0
+
+        // stepWidth
+        var stepWidth: CGFloat = 0.0
+        if data.count < 2 {
+            stepWidth = 0.0
+        }
+        stepWidth = frame.size.width / CGFloat(data.count - 1)
+
+        // stepHeight
+        var stepHeight: CGFloat = 0.0
+
+        var min: Double?
+        var max: Double?
+        if let minPoint = data.min(), let maxPoint = data.max(), minPoint != maxPoint {
+            min = minPoint
+            max = maxPoint
+        } else {
+            return .zero
+        }
+        if let min = min, let max = max, min != max {
+            if min <= 0 {
+                stepHeight = (frame.size.height - padding) / CGFloat(max - min)
+            } else {
+                stepHeight = (frame.size.height - padding) / CGFloat(max + min)
+            }
+        }
+
+        return CGPoint(x: stepWidth, y: stepHeight)
+    }
+}

Sources/SwiftUICharts/Base/Extensions/CGRect+Extension.swift

@@ -0,0 +1,16 @@
+//
+//  CGRect+Extension.swift
+//  SwiftUICharts
+//
+//  Created by Nicolas Savoini on 2020-05-24.
+//
+
+import Foundation
+import SwiftUI
+
+extension CGRect {
+    // Return the coordinate for a rectangle center
+    public var mid: CGPoint {
+        return CGPoint(x: self.midX, y: self.midY)
+    }
+}

Sources/SwiftUICharts/Base/Extensions/Color+Extension.swift

@@ -0,0 +1,23 @@
+import SwiftUI
+
+extension Color {
+    init(hexString: String) {
+        let hex = hexString.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
+        var int = UInt64()
+        Scanner(string: hex).scanHexInt64(&int)
+        let red, green, blue: UInt64
+        switch hex.count {
+        case 3: // RGB (12-bit)
+            (red, green, blue) = ((int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
+        case 6: // RGB (24-bit)
+            (red, green, blue) = (int >> 16, int >> 8 & 0xFF, int & 0xFF)
+        case 8: // ARGB (32-bit)
+            // FIXME: I think we need an an alpha value on this one. See link below.
+            // https://stackoverflow.com/a/56874327/4475605
+            (red, green, blue) = (int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
+        default:
+            (red, green, blue) = (0, 0, 0)
+        }
+        self.init(red: Double(red) / 255, green: Double(green) / 255, blue: Double(blue) / 255)
+    }
+}

Sources/SwiftUICharts/Base/Extensions/Path+QuadCurve.swift

@@ -0,0 +1,351 @@
+import SwiftUI
+
+extension Path {
+    func trimmedPath(for percent: CGFloat) -> Path {
+        // percent difference between points
+        let boundsDistance: CGFloat = 0.001
+        let completion: CGFloat = 1 - boundsDistance
+        
+        let pct = percent > 1 ? 0 : (percent < 0 ? 1 : percent)
+        
+        let start = pct > completion ? completion : pct - boundsDistance
+        let end = pct > completion ? 1 : pct + boundsDistance
+        return trimmedPath(from: start, to: end)
+    }
+    
+    func point(for percent: CGFloat) -> CGPoint {
+        let path = trimmedPath(for: percent)
+        return CGPoint(x: path.boundingRect.midX, y: path.boundingRect.midY)
+    }
+    
+    func point(to maxX: CGFloat) -> CGPoint {
+        let total = length
+        let sub = length(to: maxX)
+        let percent = sub / total
+        return point(for: percent)
+    }
+    
+    var length: CGFloat {
+        var ret: CGFloat = 0.0
+        var start: CGPoint?
+        var point = CGPoint.zero
+        
+        forEach { ele in
+            switch ele {
+            case .move(let to):
+                if start == nil {
+                    start = to
+                }
+                point = to
+            case .line(let to):
+                ret += point.line(to: to)
+                point = to
+            case .quadCurve(let to, let control):
+                ret += point.quadCurve(to: to, control: control)
+                point = to
+            case .curve(let to, let control1, let control2):
+                ret += point.curve(to: to, control1: control1, control2: control2)
+                point = to
+            case .closeSubpath:
+                if let to = start {
+                    ret += point.line(to: to)
+                    point = to
+                }
+                start = nil
+            }
+        }
+        return ret
+    }
+    
+    func length(to maxX: CGFloat) -> CGFloat {
+        var ret: CGFloat = 0.0
+        var start: CGPoint?
+        var point = CGPoint.zero
+        var finished = false
+        
+        forEach { ele in
+            if finished {
+                return
+            }
+            switch ele {
+            case .move(let to):
+                if to.x > maxX {
+                    finished = true
+                    return
+                }
+                if start == nil {
+                    start = to
+                }
+                point = to
+            case .line(let to):
+                if to.x > maxX {
+                    finished = true
+                    ret += point.line(to: to, x: maxX)
+                    return
+                }
+                ret += point.line(to: to)
+                point = to
+            case .quadCurve(let to, let control):
+                if to.x > maxX {
+                    finished = true
+                    ret += point.quadCurve(to: to, control: control, x: maxX)
+                    return
+                }
+                ret += point.quadCurve(to: to, control: control)
+                point = to
+            case .curve(let to, let control1, let control2):
+                if to.x > maxX {
+                    finished = true
+                    ret += point.curve(to: to, control1: control1, control2: control2, x: maxX)
+                    return
+                }
+                ret += point.curve(to: to, control1: control1, control2: control2)
+                point = to
+            case .closeSubpath:
+                fatalError("Can't include closeSubpath")
+            }
+        }
+        return ret
+    }
+    
+    static func quadCurvedPathWithPoints(points: [Double], step: CGPoint, globalOffset: Double? = nil) -> Path {
+        var path = Path()
+        if points.count < 2 {
+            return path
+        }
+        let offset = globalOffset ?? points.min()!
+//        guard let offset = points.min() else { return path }
+        var point1 = CGPoint(x: 0, y: CGFloat(points[0]-offset)*step.y)
+        path.move(to: point1)
+        for pointIndex in 1..<points.count {
+            let point2 = CGPoint(x: step.x * CGFloat(pointIndex), y: step.y*CGFloat(points[pointIndex]-offset))
+            let midPoint = CGPoint.midPointForPoints(firstPoint: point1, secondPoint: point2)
+            path.addQuadCurve(to: midPoint, control: CGPoint.controlPointForPoints(firstPoint: midPoint, secondPoint: point1))
+            path.addQuadCurve(to: point2, control: CGPoint.controlPointForPoints(firstPoint: midPoint, secondPoint: point2))
+            point1 = point2
+        }
+        return path
+    }
+    
+    static func quadClosedCurvedPathWithPoints(points: [Double], step: CGPoint, globalOffset: Double? = nil) -> Path {
+        var path = Path()
+        if points.count < 2 {
+            return path
+        }
+        let offset = globalOffset ?? points.min()!
+
+//        guard let offset = points.min() else { return path }
+        path.move(to: .zero)
+        var point1 = CGPoint(x: 0, y: CGFloat(points[0]-offset)*step.y)
+        path.addLine(to: point1)
+        for pointIndex in 1..<points.count {
+            let point2 = CGPoint(x: step.x * CGFloat(pointIndex), y: step.y*CGFloat(points[pointIndex]-offset))
+            let midPoint = CGPoint.midPointForPoints(firstPoint: point1, secondPoint: point2)
+            path.addQuadCurve(to: midPoint, control: CGPoint.controlPointForPoints(firstPoint: midPoint, secondPoint: point1))
+            path.addQuadCurve(to: point2, control: CGPoint.controlPointForPoints(firstPoint: midPoint, secondPoint: point2))
+            point1 = point2
+        }
+        path.addLine(to: CGPoint(x: point1.x, y: 0))
+        path.closeSubpath()
+        return path
+    }
+    
+    static func linePathWithPoints(points: [Double], step: CGPoint) -> Path {
+        var path = Path()
+        if points.count < 2 {
+            return path
+        }
+        guard let offset = points.min() else {
+            return path
+        }
+        let point1 = CGPoint(x: 0, y: CGFloat(points[0]-offset)*step.y)
+        path.move(to: point1)
+        for pointIndex in 1..<points.count {
+            let point2 = CGPoint(x: step.x * CGFloat(pointIndex), y: step.y*CGFloat(points[pointIndex]-offset))
+            path.addLine(to: point2)
+        }
+        return path
+    }
+    
+    static func closedLinePathWithPoints(points: [Double], step: CGPoint) -> Path {
+        var path = Path()
+        if points.count < 2 {
+            return path
+        }
+        guard let offset = points.min() else {
+            return path
+        }
+        var point1 = CGPoint(x: 0, y: CGFloat(points[0]-offset)*step.y)
+        path.move(to: point1)
+        for pointIndex in 1..<points.count {
+            point1 = CGPoint(x: step.x * CGFloat(pointIndex), y: step.y*CGFloat(points[pointIndex]-offset))
+            path.addLine(to: point1)
+        }
+        path.addLine(to: CGPoint(x: point1.x, y: 0))
+        path.closeSubpath()
+        return path
+    }
+    
+}
+
+extension CGPoint {
+    func point(to: CGPoint, x: CGFloat) -> CGPoint {
+        let a = (to.y - self.y) / (to.x - self.x)
+        let y = self.y + (x - self.x) * a
+        return CGPoint(x: x, y: y)
+    }
+    
+    func line(to: CGPoint) -> CGFloat {
+        dist(to: to)
+    }
+    
+    func line(to: CGPoint, x: CGFloat) -> CGFloat {
+        dist(to: point(to: to, x: x))
+    }
+    
+    func quadCurve(to: CGPoint, control: CGPoint) -> CGFloat {
+        var dist: CGFloat = 0
+        let steps: CGFloat = 100
+        
+        for i in 0..<Int(steps) {
+            let t0 = CGFloat(i) / steps
+            let t1 = CGFloat(i+1) / steps
+            let a = point(to: to, t: t0, control: control)
+            let b = point(to: to, t: t1, control: control)
+            
+            dist += a.line(to: b)
+        }
+        return dist
+    }
+    
+    func quadCurve(to: CGPoint, control: CGPoint, x: CGFloat) -> CGFloat {
+        var dist: CGFloat = 0
+        let steps: CGFloat = 100
+        
+        for i in 0..<Int(steps) {
+            let t0 = CGFloat(i) / steps
+            let t1 = CGFloat(i+1) / steps
+            let a = point(to: to, t: t0, control: control)
+            let b = point(to: to, t: t1, control: control)
+            
+            if a.x >= x {
+                return dist
+            } else if b.x > x {
+                dist += a.line(to: b, x: x)
+                return dist
+            } else if b.x == x {
+                dist += a.line(to: b)
+                return dist
+            }
+            
+            dist += a.line(to: b)
+        }
+        return dist
+    }
+    
+    func point(to: CGPoint, t: CGFloat, control: CGPoint) -> CGPoint {
+        let x = CGPoint.value(x: self.x, y: to.x, t: t, c: control.x)
+        let y = CGPoint.value(x: self.y, y: to.y, t: t, c: control.y)
+        
+        return CGPoint(x: x, y: y)
+    }
+    
+    func curve(to: CGPoint, control1: CGPoint, control2: CGPoint) -> CGFloat {
+        var dist: CGFloat = 0
+        let steps: CGFloat = 100
+        
+        for i in 0..<Int(steps) {
+            let t0 = CGFloat(i) / steps
+            let t1 = CGFloat(i+1) / steps
+            
+            let a = point(to: to, t: t0, control1: control1, control2: control2)
+            let b = point(to: to, t: t1, control1: control1, control2: control2)
+            
+            dist += a.line(to: b)
+        }
+        
+        return dist
+    }
+    
+    func curve(to: CGPoint, control1: CGPoint, control2: CGPoint, x: CGFloat) -> CGFloat {
+        var dist: CGFloat = 0
+        let steps: CGFloat = 100
+        
+        for i in 0..<Int(steps) {
+            let t0 = CGFloat(i) / steps
+            let t1 = CGFloat(i+1) / steps
+            
+            let a = point(to: to, t: t0, control1: control1, control2: control2)
+            let b = point(to: to, t: t1, control1: control1, control2: control2)
+            
+            if a.x >= x {
+                return dist
+            } else if b.x > x {
+                dist += a.line(to: b, x: x)
+                return dist
+            } else if b.x == x {
+                dist += a.line(to: b)
+                return dist
+            }
+            
+            dist += a.line(to: b)
+        }
+        
+        return dist
+    }
+    
+    func point(to: CGPoint, t: CGFloat, control1: CGPoint, control2: CGPoint) -> CGPoint {
+        let x = CGPoint.value(x: self.x, y: to.x, t: t, control1: control1.x, control2: control2.x)
+        let y = CGPoint.value(x: self.y, y: to.y, t: t, control1: control1.y, control2: control2.x)
+        
+        return CGPoint(x: x, y: y)
+    }
+    
+    static func value(x: CGFloat, y: CGFloat, t: CGFloat, c: CGFloat) -> CGFloat {
+        var value: CGFloat = 0.0
+        // (1-t)^2 * p0 + 2 * (1-t) * t * c1 + t^2 * p1
+        value += pow(1-t, 2) * x
+        value += 2 * (1-t) * t * c
+        value += pow(t, 2) * y
+        return value
+    }
+    
+    static func value(x: CGFloat, y: CGFloat, t: CGFloat, control1: CGFloat, control2: CGFloat) -> CGFloat {
+        var value: CGFloat = 0.0
+        // (1-t)^3 * p0 + 3 * (1-t)^2 * t * c1 + 3 * (1-t) * t^2 * c2 + t^3 * p1
+        value += pow(1-t, 3) * x
+        value += 3 * pow(1-t, 2) * t * control1
+        value += 3 * (1-t) * pow(t, 2) * control2
+        value += pow(t, 3) * y
+        return value
+    }
+    
+    static func getMidPoint(point1: CGPoint, point2: CGPoint) -> CGPoint {
+        return CGPoint(
+            x: point1.x + (point2.x - point1.x) / 2,
+            y: point1.y + (point2.y - point1.y) / 2
+        )
+    }
+    
+    func dist(to: CGPoint) -> CGFloat {
+        return sqrt((pow(self.x - to.x, 2) + pow(self.y - to.y, 2)))
+    }
+    
+    static func midPointForPoints(firstPoint: CGPoint, secondPoint: CGPoint) -> CGPoint {
+        return CGPoint(
+            x: (firstPoint.x + secondPoint.x) / 2,
+            y: (firstPoint.y + secondPoint.y) / 2)
+    }
+    
+    static func controlPointForPoints(firstPoint: CGPoint, secondPoint: CGPoint) -> CGPoint {
+        var controlPoint = CGPoint.midPointForPoints(firstPoint: firstPoint, secondPoint: secondPoint)
+        let diffY = abs(secondPoint.y - controlPoint.y)
+        
+        if firstPoint.y < secondPoint.y {
+            controlPoint.y += diffY
+        } else if firstPoint.y > secondPoint.y {
+            controlPoint.y -= diffY
+        }
+        return controlPoint
+    }
+}

Sources/SwiftUICharts/Base/Extensions/View+Extension.swift

@@ -0,0 +1,11 @@
+import SwiftUI
+
+extension View {
+    public func type<S>(_ type: S) -> some View where S: ChartType {
+        self.environment(\.chartType, AnyChartType(type))
+    }
+
+    public func style(_ style: ChartStyle) -> some View {
+        self.environment(\.chartStyle, style)
+    }
+}

Sources/SwiftUICharts/Base/Label/ChartLabel.swift

@@ -0,0 +1,43 @@
+import SwiftUI
+
+public enum ChartLabelSize: CGFloat {
+    case small = 16.0
+    case normal = 24.0
+    case large = 32.0
+}
+
+public enum ChartLabelType {
+    case title
+    case legend
+}
+
+public struct ChartLabel: View {
+    private let text: String
+    private let labelSize: ChartLabelSize
+    private let labelType: ChartLabelType
+
+    private var labelColor: Color {
+        switch labelType {
+        case .title:
+            return .black
+        case .legend:
+            return .gray
+        }
+    }
+
+    public init (_ text: String,
+                 type: ChartLabelType = .title,
+                 size: ChartLabelSize = .normal) {
+        self.text = text
+        labelType = type
+        labelSize = size
+    }
+
+    public var body: some View {
+        Text(self.text)
+            .font(.system(size: labelSize.rawValue))
+            .bold()
+            .foregroundColor(self.labelColor)
+            .padding([.top, .bottom], 16.0)
+    }
+}

Sources/SwiftUICharts/Base/Style/ChartStyle.swift

@@ -0,0 +1,28 @@
+import SwiftUI
+
+public struct ChartStyle {
+
+    public let backgroundColor: ColorGradient
+    public let foregroundColor: [ColorGradient]
+
+    public init(backgroundColor: Color, foregroundColor: [ColorGradient]) {
+        self.backgroundColor = ColorGradient.init(backgroundColor)
+        self.foregroundColor = foregroundColor
+    }
+    
+    public init(backgroundColor: Color, foregroundColor: ColorGradient) {
+        self.backgroundColor = ColorGradient.init(backgroundColor)
+        self.foregroundColor = [foregroundColor]
+    }
+    
+    public init(backgroundColor: ColorGradient, foregroundColor: ColorGradient) {
+        self.backgroundColor = backgroundColor
+        self.foregroundColor = [foregroundColor]
+    }
+    
+    public init(backgroundColor: ColorGradient, foregroundColor: [ColorGradient]) {
+        self.backgroundColor = backgroundColor
+        self.foregroundColor = foregroundColor
+    }
+    
+}

Sources/SwiftUICharts/Base/Style/ColorGradient.swift

@@ -0,0 +1,38 @@
+import SwiftUI
+
+public struct ColorGradient: Equatable {
+    public let startColor: Color
+    public let endColor: Color
+
+    public init(_ color: Color) {
+        self.startColor = color
+        self.endColor = color
+    }
+    
+    public init (_ startColor: Color, _ endColor: Color) {
+        self.startColor = startColor
+        self.endColor = endColor
+    }
+
+    public var gradient: Gradient {
+        return Gradient(colors: [startColor, endColor])
+    }
+}
+
+extension ColorGradient {
+    /// Convenience method to return a LinearGradient from the ColorGradient
+    /// - Parameters:
+    ///   - startPoint: starting point
+    ///   - endPoint: ending point
+    /// - Returns: a Linear gradient
+    public func linearGradient(from startPoint: UnitPoint, to endPoint: UnitPoint) -> LinearGradient {
+        return LinearGradient(gradient: self.gradient, startPoint: startPoint, endPoint: endPoint)
+    }
+}
+
+extension ColorGradient {
+    public static let orangeBright = ColorGradient(ChartColors.orangeBright)
+    public static let redBlack = ColorGradient(.red, .black)
+    public static let greenRed = ColorGradient(.green, .red)
+    public static let whiteBlack = ColorGradient(.white, .black)
+}

Sources/SwiftUICharts/Base/Style/Colors.swift

@@ -0,0 +1,10 @@
+import SwiftUI
+
+public enum ChartColors {
+    // Orange
+    static let orangeBright = Color(hexString: "#FF782C")
+    static let orangeDark = Color(hexString: "#EC2301")
+
+    static let legendColor: Color = Color(hexString: "#E8E7EA")
+    static let indicatorKnob: Color = Color(hexString: "#FF57A6")
+}

Sources/SwiftUICharts/ChartCell.swift

@@ -1,41 +0,0 @@
-//
-//  ChartCell.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-public struct ChartCell : View {
-    var value: Double
-    var index: Int = 0
-    var width: Float
-    var numberOfDataPoints: Int
-    var cellWidth: Double {
-        return Double(width)/(Double(numberOfDataPoints) * 1.5)
-    }
-    @State var scaleValue: Double = 0
-    public var body: some View {
-        ZStack {
-            Rectangle()
-                .cornerRadius(4)
-            }
-            .frame(width: CGFloat(self.cellWidth))
-            .scaleEffect(CGSize(width: 1, height: self.scaleValue), anchor: .bottom)
-            .onAppear(){
-                self.scaleValue = self.value
-            }
-            .animation(Animation.spring().delay(Double(self.index) * 0.04))
-      
-    }
-}
-
-#if DEBUG
-struct ChartCell_Previews : PreviewProvider {
-    static var previews: some View {
-        ChartCell(value: Double(0.75), width: 320, numberOfDataPoints: 12)
-    }
-}
-#endif

Sources/SwiftUICharts/ChartRow.swift

@@ -1,33 +0,0 @@
-//
-//  ChartRow.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-public struct ChartRow : View {
-    var data: [Int]
-    var maxValue: Int {
-        data.max() ?? 0
-    }
-    public var body: some View {
-        GeometryReader { geometry in
-            HStack(alignment: .bottom, spacing: (geometry.frame(in: .local).width-22)/CGFloat(self.data.count * 3)){
-                ForEach(0..<self.data.count) { i in
-                    ChartCell(value: Double(self.data[i])/Double(self.maxValue), index: i, width: Float(geometry.frame(in: .local).width - 22), numberOfDataPoints: self.data.count)
-                }
-                }.padding([.trailing,.leading], 13)
-        }
-    }
-}
-
-#if DEBUG
-struct ChartRow_Previews : PreviewProvider {
-    static var previews: some View {
-        ChartRow(data: [8,23,54,32,12,37,7])
-    }
-}
-#endif

Sources/SwiftUICharts/ChartView.swift

@@ -1,60 +0,0 @@
-//
-//  ChartView.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-public struct ChartView : View {
-    public var data: [Int]
-    public var title: String
-    public var legend: String?
-    public var backgroundColor:Color
-    public var accentColor:Color
-    
-    public init(data: [Int], title: String, legend: String? = nil,backgroundColor:Color = Color(red: 238.0/255.0, green: 241.0/255.0, blue: 254.0/255.0),accentColor:Color = Color(red: 66.0/255.0, green: 102.0/255.0, blue: 232.0/255.0) ){
-        self.data = data
-        self.title = title
-        self.legend = legend
-        self.backgroundColor = backgroundColor
-        self.accentColor = accentColor
-    }
-    
-    public var body: some View {
-        ZStack{
-            Rectangle()
-            .fill(self.backgroundColor)
-            .cornerRadius(20)
-            VStack(alignment: .leading){
-                HStack{
-                    Text(self.title)
-                    .font(.headline)
-                    Spacer()
-                    Image(systemName: "waveform.path.ecg")
-                    .imageScale(.large)
-                    .foregroundColor(self.accentColor)
-                }.padding()
-                ChartRow(data: data)
-                .foregroundColor(self.accentColor)
-                .clipped()
-                if self.legend != nil {
-                    Text(self.legend!)
-                        .font(.headline)
-                        .foregroundColor(self.accentColor)
-                        .padding()
-                }
-            }
-            }.frame(width: 180, height: 240)
-    }
-}
-
-#if DEBUG
-struct ChartView_Previews : PreviewProvider {
-    static var previews: some View {
-        ChartView(data: [8,23,54,32,12,37,7,23,43], title: "Title")
-    }
-}
-#endif

Sources/SwiftUICharts/Charts/BarChart/BarChart.swift

@@ -0,0 +1,30 @@
+import SwiftUI
+
+public struct BarChart: ChartType {
+    public func makeChart(configuration: Self.Configuration, style: Self.Style) -> some View {
+        BarChartRow(data: configuration.data, style: style)
+    }
+    public init() {}
+}
+
+struct BarChart_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            BarChart().makeChart(
+            configuration: .init(data: [0]),
+            style: .init(backgroundColor: .white, foregroundColor: ColorGradient.redBlack))
+            Group {
+                BarChart().makeChart(
+                    configuration: .init(data: [1, 2, 3, 5, 1]),
+                    style: .init(backgroundColor: .white, foregroundColor: ColorGradient.redBlack))
+            }.environment(\.colorScheme, .light)
+        
+            Group {
+                BarChart().makeChart(
+                configuration: .init(data: [1, 2, 3]),
+                style: .init(backgroundColor: .white, foregroundColor: ColorGradient.redBlack))
+            }.environment(\.colorScheme, .dark)
+        
+        }
+    }
+}

Sources/SwiftUICharts/Charts/BarChart/BarChartCell.swift

@@ -0,0 +1,49 @@
+import SwiftUI
+
+public struct BarChartCell: View {
+    @State var value: Double
+    @State var index: Int = 0
+    @State var width: Float
+    @State var numberOfDataPoints: Int
+    var gradientColor: ColorGradient
+
+    var cellWidth: Double {
+        return Double(width)/(Double(numberOfDataPoints) * 1.5)
+    }
+
+    @State var scaleValue: Double = 0
+    @Binding var touchLocation: CGFloat
+    
+    public var body: some View {
+        ZStack {
+            RoundedRectangle(cornerRadius: 4)
+                .fill(gradientColor.linearGradient(from: .bottom, to: .top))
+            }
+            .frame(width: CGFloat(self.cellWidth))
+            .scaleEffect(CGSize(width: 1, height: self.scaleValue), anchor: .bottom)
+            .onAppear {
+                self.scaleValue = self.value
+            }
+        .animation(Animation.spring().delay(self.touchLocation < 0 ?  Double(self.index) * 0.04 : 0))
+    }
+}
+
+struct BarChartCell_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            BarChartCell(value: 0, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient.greenRed, touchLocation: .constant(CGFloat()))
+            Group {
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient.greenRed, touchLocation: .constant(CGFloat()))
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient.whiteBlack, touchLocation: .constant(CGFloat()))
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient(.purple), touchLocation: .constant(CGFloat()))
+            }
+            
+            Group {
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient.greenRed, touchLocation: .constant(CGFloat()))
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient.whiteBlack, touchLocation: .constant(CGFloat()))
+                BarChartCell(value: 1, width: 50, numberOfDataPoints: 1, gradientColor: ColorGradient(.purple), touchLocation: .constant(CGFloat()))
+            }.environment(\.colorScheme, .dark)
+        }
+        
+    }
+}

Sources/SwiftUICharts/Charts/BarChart/BarChartRow.swift

@@ -0,0 +1,82 @@
+import SwiftUI
+
+public struct BarChartRow: View {
+    @State var data: [Double] = []
+    @State var touchLocation: CGFloat = -1.0
+
+    enum Constant {
+        static let spacing: CGFloat = 16.0
+    }
+
+    var style: ChartStyle
+    
+    var maxValue: Double {
+        guard let max = data.max() else {
+            return 1
+        }
+        return max != 0 ? max : 1
+    }
+
+    public var body: some View {
+        GeometryReader { geometry in
+            HStack(alignment: .bottom,
+                   spacing: (geometry.frame(in: .local).width - Constant.spacing) / CGFloat(self.data.count * 3)) {
+                ForEach(0..<self.data.count, id: \.self) { index in
+                    BarChartCell(value: self.normalizedValue(index: index),
+                                 index: index,
+                                 width: Float(geometry.frame(in: .local).width - Constant.spacing),
+                                 numberOfDataPoints: self.data.count,
+                                 gradientColor: self.style.foregroundColor.rotate(for: index),
+                                 touchLocation: self.$touchLocation)
+                        .scaleEffect(self.getScaleSize(touchLocation: self.touchLocation, index: index), anchor: .bottom)
+                        .animation(.spring())
+                    
+                }
+            }
+            .padding([.top, .leading, .trailing], 10)
+            .gesture(DragGesture()
+                .onChanged({ value in
+                    self.touchLocation = value.location.x/geometry.frame(in: .local).width
+                })
+                .onEnded({ value in
+                    self.touchLocation = -1
+                })
+            )
+        }
+    }
+    
+    func normalizedValue(index: Int) -> Double {
+        return Double(data[index])/Double(maxValue)
+    }
+
+    func getScaleSize(touchLocation: CGFloat, index: Int) -> CGSize {
+        if touchLocation > CGFloat(index)/CGFloat(self.data.count) &&
+           touchLocation < CGFloat(index+1)/CGFloat(self.data.count) {
+            return CGSize(width: 1.4, height: 1.1)
+        }
+        return CGSize(width: 1, height: 1)
+    }
+    
+}
+
+struct BarChartRow_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            BarChartRow(data: [0], style: styleGreenRed)
+            Group {
+                BarChartRow(data: [1, 2, 3], style: styleGreenRed)
+                BarChartRow(data: [1, 2, 3], style: styleGreenRedWhiteBlack)
+            }
+            Group {
+                BarChartRow(data: [1, 2, 3], style: styleGreenRed)
+                BarChartRow(data: [1, 2, 3], style: styleGreenRedWhiteBlack)
+            }.environment(\.colorScheme, .dark)
+        }
+    }
+}
+
+private let styleGreenRed = ChartStyle(backgroundColor: .white, foregroundColor: .greenRed)
+
+private let styleGreenRedWhiteBlack = ChartStyle(
+    backgroundColor: ColorGradient.init(.white),
+    foregroundColor: [ColorGradient.redBlack, ColorGradient.whiteBlack])

Sources/SwiftUICharts/Charts/LineChart/IndicatorPoint.swift

@@ -0,0 +1,28 @@
+//
+//  IndicatorPoint.swift
+//  LineChart
+//
+//  Created by András Samu on 2019. 09. 03..
+//  Copyright © 2019. András Samu. All rights reserved.
+//
+
+import SwiftUI
+
+struct IndicatorPoint: View {
+    var body: some View {
+        ZStack {
+            Circle()
+                .fill(ChartColors.indicatorKnob)
+            Circle()
+                .stroke(Color.white, style: StrokeStyle(lineWidth: 4))
+        }
+        .frame(width: 14, height: 14)
+        .shadow(color: ChartColors.legendColor, radius: 6, x: 0, y: 6)
+    }
+}
+
+struct IndicatorPoint_Previews: PreviewProvider {
+    static var previews: some View {
+        IndicatorPoint()
+    }
+}

Sources/SwiftUICharts/Charts/LineChart/Line.swift

@@ -0,0 +1,119 @@
+import SwiftUI
+
+public struct Line: View {
+    @State var frame: CGRect = .zero
+    @State var data: [Double]
+    var style: ChartStyle
+
+    @State var showIndicator: Bool = false
+    @State var touchLocation: CGPoint = .zero
+    @State private var showFull: Bool = false
+    @State var showBackground: Bool = true
+    var curvedLines: Bool = true
+    var step: CGPoint {
+        return CGPoint.getStep(frame: frame, data: data)
+    }
+
+    var path: Path {
+        let points = data
+
+        if curvedLines {
+            return Path.quadCurvedPathWithPoints(points: points,
+                                                 step: step,
+                                                 globalOffset: nil)
+        }
+
+        return Path.linePathWithPoints(points: points, step: step)
+    }
+    
+    var closedPath: Path {
+        let points = data
+
+        if curvedLines {
+            return Path.quadClosedCurvedPathWithPoints(points: points,
+                                            step: step,
+                                            globalOffset: nil)
+        }
+
+        return Path.closedLinePathWithPoints(points: points, step: step)
+    }
+    
+    public var body: some View {
+        GeometryReader { geometry in
+            ZStack {
+                if self.showFull && self.showBackground {
+                    self.getBackgroundPathView()
+                }
+                self.getLinePathView()
+                if self.showIndicator {
+                    IndicatorPoint()
+                        .position(self.getClosestPointOnPath(touchLocation: self.touchLocation))
+                        .rotationEffect(.degrees(180), anchor: .center)
+                        .rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))
+                }
+            }
+            .onAppear {
+                self.frame = geometry.frame(in: .local)
+            }
+            .gesture(DragGesture()
+                .onChanged({ value in
+                    self.touchLocation = value.location
+                    self.showIndicator = true
+                })
+                .onEnded({ value in
+                    self.touchLocation = .zero
+                    self.showIndicator = false
+                })
+            )
+        }
+    }
+}
+
+// MARK: - Private functions
+
+extension Line {
+    private func getClosestPointOnPath(touchLocation: CGPoint) -> CGPoint {
+        let closest = self.path.point(to: touchLocation.x)
+        return closest
+    }
+
+    private func getBackgroundPathView() -> some View {
+        self.closedPath
+            .fill(style.backgroundColor.linearGradient(from: .bottom, to: .top))
+            .rotationEffect(.degrees(180), anchor: .center)
+            .rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))
+            .transition(.opacity)
+            .animation(.easeIn(duration: 1.6))
+    }
+
+    private func getLinePathView() -> some View {
+        self.path
+            .trim(from: 0, to: self.showFull ? 1:0)
+            .stroke(LinearGradient(gradient: style.foregroundColor.first?.gradient ?? ColorGradient.orangeBright.gradient,
+                                   startPoint: .leading,
+                                   endPoint: .trailing),
+                    style: StrokeStyle(lineWidth: 3, lineJoin: .round))
+            .rotationEffect(.degrees(180), anchor: .center)
+            .rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))
+            .animation(Animation.easeOut(duration: 1.2))
+            .onAppear {
+                self.showFull = true
+            }
+            .onDisappear {
+                self.showFull = false
+            }
+            .drawingGroup()
+    }
+}
+
+struct Line_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            Line(data: [1, 2, 3, 1, 2, 5, 7], style: blackLineStyle)
+            Line(data: [1, 2, 3, 1, 2, 5, 7], style: redLineStyle)
+        }
+    }
+}
+
+private let blackLineStyle = ChartStyle(backgroundColor: ColorGradient(.white), foregroundColor: ColorGradient(.black))
+private let redLineStyle = ChartStyle(backgroundColor: .whiteBlack, foregroundColor: ColorGradient(.red))

Sources/SwiftUICharts/Charts/LineChart/LineChart.swift

@@ -0,0 +1,32 @@
+import SwiftUI
+
+public struct LineChart: ChartType {
+    public func makeChart(configuration: Self.Configuration, style: Self.Style) -> some View {
+        Line(data: configuration.data, style: style)
+    }
+
+    public init() {}
+}
+
+struct LineChart_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            LineChart().makeChart(
+            configuration: .init(data: [0]),
+            style: .init(backgroundColor: .white, foregroundColor: ColorGradient(.black)))
+            Group {
+                LineChart().makeChart(
+                    configuration: .init(data: [1, 2, 3, 5, 1]),
+                    style: .init(backgroundColor: .white, foregroundColor: ColorGradient(.black)))
+            }.environment(\.colorScheme, .light)
+        
+            Group {
+                LineChart().makeChart(
+                configuration: .init(data: [1, 2, 3]),
+                style: .init(backgroundColor: .white, foregroundColor: ColorGradient.redBlack))
+            }.environment(\.colorScheme, .dark)
+        
+        }
+        
+    }
+}

Sources/SwiftUICharts/Charts/PieChart/PieChart.swift

@@ -0,0 +1,63 @@
+//
+//  PieChart.swift
+//  SwiftUICharts
+//
+//  Created by Nicolas Savoini on 2020-05-24.
+//
+
+import SwiftUI
+
+public struct PieChart: ChartType {
+    public func makeChart(configuration: Self.Configuration, style: Self.Style) -> some View {
+        PieChartRow(data: configuration.data, style: style)
+    }
+    public init() {}
+}
+
+struct PieChart_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            PieChart().makeChart(
+                configuration: .init(data: [0]),
+            style: styleOneColor)
+            
+            Group {
+                PieChart().makeChart(
+                    configuration: .init(data: [56, 78, 53, 65, 54]),
+                style: styleOneColor)
+                PieChart().makeChart(
+                    configuration: .init(data: [56, 78, 53, 65, 54]),
+                style: styleTwoColor)
+                PieChart().makeChart(
+                    configuration: .init(data: [1, 1, 1, 1, 1, 1]),
+                style: trivialPursuit)
+            }.environment(\.colorScheme, .light)
+            
+            Group {
+                PieChart().makeChart(
+                    configuration: .init(data: [56, 78, 53, 65, 54]),
+                style: styleOneColor)
+                PieChart().makeChart(
+                    configuration: .init(data: [56, 78, 53, 65, 54]),
+                style: styleTwoColor)
+                PieChart().makeChart(
+                    configuration: .init(data: [1, 1, 1, 1, 1, 1]),
+                style: trivialPursuit)
+            }.environment(\.colorScheme, .dark)
+            
+        }.previewLayout(.fixed(width: 250, height: 400))
+    }
+}
+
+private let styleOneColor = ChartStyle(backgroundColor: .white, foregroundColor: ColorGradient.init(.pink))
+
+private let styleTwoColor = ChartStyle(backgroundColor: ColorGradient(.black), foregroundColor: [ColorGradient(.yellow), ColorGradient(.red)])
+
+private let trivialPursuit = ChartStyle(
+    backgroundColor: .yellow,
+    foregroundColor: [ColorGradient(.yellow),
+                      ColorGradient(.pink),
+                      ColorGradient(.green),
+                      ColorGradient(.primary),
+                      ColorGradient(.blue),
+                      ColorGradient(.orange)])

Sources/SwiftUICharts/Charts/PieChart/PieChartCell.swift

@@ -0,0 +1,116 @@
+//
+//  PieChartCell.swift
+//  SwiftUICharts
+//
+//  Created by Nicolas Savoini on 2020-05-24.
+//
+
+import SwiftUI
+
+struct PieSlice: Identifiable {
+    var id = UUID()
+    var startDeg: Double
+    var endDeg: Double
+    var value: Double
+}
+
+public struct PieChartCell: View {
+    @State private var show: Bool = false
+    var rect: CGRect
+    var radius: CGFloat {
+        return min(rect.width, rect.height)/2
+    }
+    var startDeg: Double
+    var endDeg: Double
+    var path: Path {
+        var path = Path()
+        path.addArc(
+            center: rect.mid,
+            radius: self.radius,
+            startAngle: Angle(degrees: self.startDeg),
+            endAngle: Angle(degrees: self.endDeg),
+            clockwise: false)
+        path.addLine(to: rect.mid)
+        path.closeSubpath()
+        return path
+    }
+    var index: Int
+    
+    // Section line border color
+    var backgroundColor: Color
+    
+    // Section color
+    var accentColor: ColorGradient
+    
+    public var body: some View {
+        Group {
+            path
+                .fill(self.accentColor.linearGradient(from: .bottom, to: .top))
+                .overlay(path.stroke(self.backgroundColor, lineWidth: (startDeg == 0 && endDeg == 0 ? 0 : 2)))
+                .scaleEffect(self.show ? 1 : 0)
+                .animation(Animation.spring().delay(Double(self.index) * 0.04))
+                .onAppear {
+                    self.show = true
+            }
+            
+        }
+    }
+}
+
+struct PieChartCell_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            
+            GeometryReader { geometry in
+                PieChartCell(
+                    rect: geometry.frame(in: .local),
+                    startDeg: 00.0,
+                    endDeg: 90.0,
+                    index: 0,
+                    backgroundColor: Color.red,
+                    accentColor: ColorGradient.greenRed)
+                }.frame(width: 100, height: 100)
+            
+            GeometryReader { geometry in
+            PieChartCell(
+                rect: geometry.frame(in: .local),
+                startDeg: 0.0,
+                endDeg: 90.0,
+                index: 0,
+                backgroundColor: Color.green,
+                accentColor: ColorGradient.redBlack)
+            }.frame(width: 100, height: 100)
+            
+            GeometryReader { geometry in
+            PieChartCell(
+                rect: geometry.frame(in: .local),
+                startDeg: 100.0,
+                endDeg: 135.0,
+                index: 0,
+                backgroundColor: Color.black,
+                accentColor: ColorGradient.whiteBlack)
+            }.frame(width: 100, height: 100)
+            
+            GeometryReader { geometry in
+            PieChartCell(
+                rect: geometry.frame(in: .local),
+                startDeg: 185.0,
+                endDeg: 290.0,
+                index: 1,
+                backgroundColor: Color.purple,
+                accentColor: ColorGradient(.purple))
+            }.frame(width: 100, height: 100)
+            
+            GeometryReader { geometry in
+            PieChartCell(
+                rect: geometry.frame(in: .local),
+                startDeg: 0,
+                endDeg: 0,
+                index: 0,
+                backgroundColor: Color.purple,
+                accentColor: ColorGradient(.purple))
+            }.frame(width: 100, height: 100)
+            
+        }.previewLayout(.fixed(width: 125, height: 125))
+    }
+}

Sources/SwiftUICharts/Charts/PieChart/PieChartRow.swift

@@ -0,0 +1,81 @@
+//
+//  PieChartRow.swift
+//  SwiftUICharts
+//
+//  Created by Nicolas Savoini on 2020-05-24.
+//
+
+import SwiftUI
+
+public struct PieChartRow: View {
+    var data: [Double]
+    
+    var style: ChartStyle
+
+    var slices: [PieSlice] {
+        var tempSlices: [PieSlice] = []
+        var lastEndDeg: Double = 0
+        let maxValue: Double = data.reduce(0, +)
+        
+        for slice in data {
+            let normalized: Double = Double(slice) / (maxValue == 0 ? 1 : maxValue)
+            let startDeg = lastEndDeg
+            let endDeg = lastEndDeg + (normalized * 360)
+            lastEndDeg = endDeg
+            tempSlices.append(PieSlice(startDeg: startDeg, endDeg: endDeg, value: slice))
+        }
+        
+        return tempSlices
+    }
+    
+    public var body: some View {
+        GeometryReader { geometry in
+            ZStack {
+                ForEach(0..<self.slices.count) { index in
+                    PieChartCell(
+                            rect: geometry.frame(in: .local),
+                            startDeg: self.slices[index].startDeg,
+                            endDeg: self.slices[index].endDeg,
+                            index: index,
+                            backgroundColor: self.style.backgroundColor.startColor,
+                            accentColor: self.style.foregroundColor.rotate(for: index)
+                        )
+                }
+                
+            }
+        }
+    }
+
+}
+
+struct PieChartRow_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            //Empty Array - Default Colors.OrangeStart
+            PieChartRow(
+                data: [8, 23, 32, 7, 23, 43],
+                style: defaultMultiColorChartStyle)
+            .frame(width: 100, height: 100)
+            
+            PieChartRow(
+                data: [8, 23, 32, 7, 23, 43],
+                style: multiColorChartStyle)
+            .frame(width: 100, height: 100)
+            
+            PieChartRow(
+                data: [0],
+                style: multiColorChartStyle)
+            .frame(width: 100, height: 100)
+            
+        }.previewLayout(.fixed(width: 125, height: 125))
+        
+    }
+}
+
+private let defaultMultiColorChartStyle = ChartStyle(
+    backgroundColor: Color.white,
+    foregroundColor: [ColorGradient]())
+
+private let multiColorChartStyle = ChartStyle(
+backgroundColor: Color.purple,
+foregroundColor: [ColorGradient.greenRed, ColorGradient.whiteBlack])

Sources/SwiftUICharts/Environment/Environment.swift

@@ -0,0 +1,21 @@
+import SwiftUI
+
+extension EnvironmentValues {
+    var chartType: AnyChartType {
+        get {
+            return self[ChartTypeKey.self]
+        }
+        set {
+            self[ChartTypeKey.self] = newValue
+        }
+    }
+
+    var chartStyle: ChartStyle {
+        get {
+            return self[ChartStyleKey.self]
+        }
+        set {
+            self[ChartStyleKey.self] = newValue
+        }
+    }
+}

Sources/SwiftUICharts/Environment/EnvironmentKeys.swift

@@ -0,0 +1,11 @@
+import SwiftUI
+
+struct ChartTypeKey: EnvironmentKey {
+    static let defaultValue: AnyChartType = AnyChartType(BarChart())
+}
+
+struct ChartStyleKey: EnvironmentKey {
+    static let defaultValue: ChartStyle = ChartStyle(backgroundColor: .white,
+                                                     foregroundColor: ColorGradient(ChartColors.orangeDark,
+                                                                                    ChartColors.orangeBright))
+}

Sources/SwiftUICharts/PieChartCell.swift

@@ -1,65 +0,0 @@
-//
-//  PieChartCell.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-struct PieSlice: Identifiable {
-    var id = UUID()
-    var startDeg: Double
-    var endDeg: Double
-    var value: Int
-    var normalizedValue: Double
-}
-
-public struct PieChartCell : View {
-    @State private var show:Bool = false
-    var rect: CGRect
-    var radius: CGFloat {
-        return min(rect.width, rect.height)/2
-    }
-    var startDeg: Double
-    var endDeg: Double
-    var path: Path {
-        var path = Path()
-        path.addArc(center:rect.mid , radius:self.radius, startAngle: Angle(degrees: self.startDeg), endAngle: Angle(degrees: self.endDeg), clockwise: false)
-        path.addLine(to: rect.mid)
-        path.closeSubpath()
-        return path
-    }
-    var index: Int
-    var backgroundColor:Color
-    var accentColor:Color
-    public var body: some View {
-        path
-        .fill()
-        .foregroundColor(self.accentColor)
-        .overlay(path.stroke(self.backgroundColor, lineWidth: 2))
-        .scaleEffect(self.show ? 1 : 0)
-        .animation(Animation.spring().delay(Double(self.index) * 0.04))
-        .onAppear(){
-                self.show = true
-        }
-    }
-}
-
-extension CGRect {
-    var mid: CGPoint {
-        return CGPoint(x:self.midX, y: self.midY)
-    }
-}
-
-#if DEBUG
-struct PieChartCell_Previews : PreviewProvider {
-    static var previews: some View {
-        GeometryReader { geometry in
-            PieChartCell(rect: geometry.frame(in: .local),startDeg: 0.0,endDeg: 90.0, index: 0, backgroundColor: Color(red: 252.0/255.0, green: 236.0/255.0, blue: 234.0/255.0), accentColor: Color(red: 225.0/255.0, green: 97.0/255.0, blue: 76.0/255.0))
-        }.frame(width:100, height:100)
-        
-    }
-}
-#endif

Sources/SwiftUICharts/PieChartRow.swift

@@ -1,46 +0,0 @@
-//
-//  PieChartRow.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-public struct PieChartRow : View {
-    var data: [Int]
-    var backgroundColor: Color
-    var accentColor: Color
-    var slices: [PieSlice] {
-        var tempSlices:[PieSlice] = []
-        var lastEndDeg:Double = 0
-        let maxValue = data.reduce(0, +)
-        for slice in data {
-            let normalized:Double = Double(slice)/Double(maxValue)
-            let startDeg = lastEndDeg
-            let endDeg = lastEndDeg + (normalized * 360)
-            lastEndDeg = endDeg
-            tempSlices.append(PieSlice(startDeg: startDeg, endDeg: endDeg, value: slice, normalizedValue: normalized))
-        }
-        return tempSlices
-    }
-    public var body: some View {
-        GeometryReader { geometry in
-            ZStack{
-                ForEach(0..<self.slices.count){ i in
-                    PieChartCell(rect: geometry.frame(in: .local), startDeg: self.slices[i].startDeg, endDeg: self.slices[i].endDeg, index: i, backgroundColor: self.backgroundColor,accentColor: self.accentColor)
-                }
-            }
-        }
-    }
-}
-
-#if DEBUG
-struct PieChartRow_Previews : PreviewProvider {
-    static var previews: some View {
-        PieChartRow(data:[8,23,54,32,12,37,7,23,43], backgroundColor: Color(red: 252.0/255.0, green: 236.0/255.0, blue: 234.0/255.0), accentColor: Color(red: 225.0/255.0, green: 97.0/255.0, blue: 76.0/255.0)).frame(width: 100, height: 100)
-        
-    }
-}
-#endif

Sources/SwiftUICharts/PieChartView.swift

@@ -1,60 +0,0 @@
-//
-//  PieChartView.swift
-//  ChartView
-//
-//  Created by András Samu on 2019. 06. 12..
-//  Copyright © 2019. András Samu. All rights reserved.
-//
-
-import SwiftUI
-
-public struct PieChartView : View {
-    public var data: [Int]
-    public var title: String
-    public var legend: String?
-    public var backgroundColor:Color
-    public var accentColor:Color
-    
-    public init(data: [Int], title: String, legend: String? = nil, backgroundColor:Color = Color(red: 252.0/255.0, green: 236.0/255.0, blue: 234.0/255.0),accentColor:Color = Color(red: 225.0/255.0, green: 97.0/255.0, blue: 76.0/255.0)){
-        self.data = data
-        self.title = title
-        self.legend = legend
-        self.backgroundColor = backgroundColor
-        self.accentColor = accentColor
-    }
-    
-    public var body: some View {
-        ZStack{
-            Rectangle()
-                .fill(self.backgroundColor)
-                .cornerRadius(20)
-            VStack(alignment: .leading){
-                HStack{
-                    Text(self.title)
-                        .font(.headline)
-                    Spacer()
-                    Image(systemName: "chart.pie.fill")
-                        .imageScale(.large)
-                        .foregroundColor(self.accentColor)
-                    }.padding()
-                PieChartRow(data: data, backgroundColor: self.backgroundColor, accentColor: self.accentColor)
-                    .foregroundColor(self.accentColor).padding(self.legend != nil ? 0 : 12).offset(y:self.legend != nil ? 0 : -10)
-                if(self.legend != nil) {
-                    Text(self.legend!)
-                        .font(.headline)
-                        .foregroundColor(self.accentColor)
-                        .padding()
-                }
-                
-            }
-            }.frame(width: 200, height: 240)
-    }
-}
-
-#if DEBUG
-struct PieChartView_Previews : PreviewProvider {
-    static var previews: some View {
-        PieChartView(data:[56,78,53], title: "Title", legend: "Legend")
-    }
-}
-#endif

Tests/SwiftUIChartsTests/ArrayExtensionTests.swift

@@ -0,0 +1,44 @@
+//
+//  File.swift
+//  
+//
+//  Created by Nicolas Savoini on 2020-05-25.
+//
+
+@testable import SwiftUICharts
+import XCTest
+
+class ArrayExtensionTests: XCTestCase {
+
+    func testArrayRotatingIndexEmpty() {
+        let colors = [ColorGradient]()
+        XCTAssertEqual(colors.rotate(for: 0), ColorGradient.orangeBright)
+    }
+    
+    func testArrayRotatingIndexOneValue() {
+        let colors = [ColorGradient.greenRed]
+        
+        XCTAssertEqual(colors.rotate(for: 0), ColorGradient.greenRed)
+        XCTAssertEqual(colors.rotate(for: 1), ColorGradient.greenRed)
+        XCTAssertEqual(colors.rotate(for: 2), ColorGradient.greenRed)
+    }
+    
+    func testArrayRotatingIndexLessValues() {
+        let colors = [ColorGradient.greenRed, ColorGradient.whiteBlack]
+        
+        XCTAssertEqual(colors.rotate(for: 0), ColorGradient.greenRed)
+        XCTAssertEqual(colors.rotate(for: 1), ColorGradient.whiteBlack)
+        XCTAssertEqual(colors.rotate(for: 2), ColorGradient.greenRed)
+        XCTAssertEqual(colors.rotate(for: 3), ColorGradient.whiteBlack)
+        XCTAssertEqual(colors.rotate(for: 4), ColorGradient.greenRed)
+    }
+    
+    func testArrayRotatingIndexMoreValues() {
+        let colors = [ColorGradient.greenRed, ColorGradient.whiteBlack, ColorGradient.orangeBright]
+        
+        XCTAssertEqual(colors.rotate(for: 0), ColorGradient.greenRed)
+        XCTAssertEqual(colors.rotate(for: 1), ColorGradient.whiteBlack)
+
+    }
+  
+}

Tests/SwiftUIChartsTests/CGPointExtensionTests.swift

@@ -0,0 +1,32 @@
+//
+//  CGPointExtensionTests.swift
+//  SwiftUIChartsTests
+//
+//  Created by Adrian Bolinger on 5/24/20.
+//
+
+@testable import SwiftUICharts
+import XCTest
+
+class CGPointExtensionTests: XCTestCase {
+    static let twentyElementArray: [Double] = Array(repeating: Double.random(in: 1...100), count: 20)
+    
+    func testGetStepWithOneElementArray() {
+        let frame = CGRect(x: 0, y: 0, width: 300, height: 300)
+        let oneElementArray: [Double] = [0.0]
+        
+        XCTAssertEqual(CGPoint.getStep(frame: frame, data: oneElementArray), .zero)
+    }
+    
+    func testGetStepWithMultiElementArrayWithNegativeValues() {
+        let frame = CGRect(x: 0, y: 0, width: 300, height: 300)
+        let multiElementArray: [Double] = [-5.0, 0.0, 5.0]
+        XCTAssertEqual(CGPoint.getStep(frame: frame, data: multiElementArray), CGPoint(x: 150.0, y: 27.0))
+    }
+    
+    func testGetStepWithMultiElementArrayWithPositiveValues() {
+        let frame = CGRect(x: 0, y: 0, width: 300, height: 300)
+        let multiElementArray: [Double] = [5.0, 10.0, 15.0]
+        XCTAssertEqual(CGPoint.getStep(frame: frame, data: multiElementArray), CGPoint(x: 150.0, y: 13.5))
+    }
+}

Tests/SwiftUIChartsTests/ColorExtensionTests.swift

@@ -0,0 +1,56 @@
+//
+//  ColorExtensionTests.swift
+//  SwiftUIChartsTests
+//
+//  Created by Adrian Bolinger on 5/24/20.
+//
+
+@testable import SwiftUICharts
+import SwiftUI
+import XCTest
+
+class ColorExtensionTests: XCTestCase {
+    func testTwentyFourBitRGBColors() {
+        let actualWhite = Color(hexString: "FFFFFF")
+        let expectedWhite = Color(red: 1, green: 1, blue: 1)
+        XCTAssertEqual(actualWhite, expectedWhite)
+        
+        let actualBlack = Color(hexString: "000000")
+        let expectedBlack = Color(red: 0, green: 0, blue: 0)
+        XCTAssertEqual(actualBlack, expectedBlack)
+        
+        let actualRed = Color(hexString: "FF0000")
+        let expectedRed = Color(red: 255/255, green: 0, blue: 0)
+        XCTAssertEqual(actualRed, expectedRed)
+        
+        let actualGreen = Color(hexString: "00FF00")
+        let expectedGreen = Color(red: 0, green: 1, blue: 0)
+        XCTAssertEqual(actualGreen, expectedGreen)
+        
+        let actualBlue = Color(hexString: "0000FF")
+        let expectedBlue = Color(red: 0, green: 0, blue: 1)
+        XCTAssertEqual(actualBlue, expectedBlue)
+    }
+    
+    func testTwelveBitRGBColors() {
+        let actualWhite = Color(hexString: "FFF")
+        let expectedWhite = Color(red: 1, green: 1, blue: 1)
+        XCTAssertEqual(actualWhite, expectedWhite)
+        
+        let actualBlack = Color(hexString: "000")
+        let expectedBlack = Color(red: 0, green: 0, blue: 0)
+        XCTAssertEqual(actualBlack, expectedBlack)
+        
+        let actualRed = Color(hexString: "F00")
+        let expectedRed = Color(red: 255/255, green: 0, blue: 0)
+        XCTAssertEqual(actualRed, expectedRed)
+        
+        let actualGreen = Color(hexString: "0F0")
+        let expectedGreen = Color(red: 0, green: 1, blue: 0)
+        XCTAssertEqual(actualGreen, expectedGreen)
+        
+        let actualBlue = Color(hexString: "00F")
+        let expectedBlue = Color(red: 0, green: 0, blue: 1)
+        XCTAssertEqual(actualBlue, expectedBlue)
+    }
+}

Tests/SwiftUIChartsTests/SwiftUIChartsTests.swift

@@ -9,6 +9,6 @@ final class SwiftUIChartsTests: XCTestCase {
     }
 
     static var allTests = [
-        ("testExample", testExample),
+        ("testExample", testExample)
     ]
 }

Tests/SwiftUIChartsTests/XCTestManifests.swift

@@ -3,7 +3,7 @@ import XCTest
 #if !canImport(ObjectiveC)
 public func allTests() -> [XCTestCaseEntry] {
     return [
-        testCase(SwiftUIChartsTests.allTests),
+        testCase(SwiftUIChartsTests.allTests)
     ]
 }
 #endif