--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/DOCS.md	Fri Aug 11 18:53:38 2023 +0000
@@ -0,0 +1,103 @@
+
+# Table of Contents
+
+1.  [Installation](#orgd9f2fd7)
+2.  [Demo app](#orgbd9420c)
+3.  [Usage](#org57f1418)
+    1.  [Line chart](#org19fa053)
+    2.  [Capsule chart](#orgc225fff)
+        1.  [Example](#org71304cd)
+
+
+<a id="orgd9f2fd7"></a>
+
+# Installation
+
+-   In Xcode go to `File` -> `Swift packages` -> `Add package dependency`
+-   Copy and paste `https://github.com/denniscmartin/stock-charts.git`
+
+
+<a id="orgbd9420c"></a>
+
+# Demo app
+
+I've created an example app to show real use cases of this framework, check -> [Trades app](https://github.com/denniscmartin/trades-demo)
+
+
+<a id="org57f1418"></a>
+
+# Usage
+
+    import StockCharts
+
+
+<a id="org19fa053"></a>
+
+## Line chart
+
+    let lineChartController = LineChartController(prices: [Double])
+    LineChartView(lineChartController: lineChartController)
+
+You can customise the line chart with `LineChartController`
+
+    LineChartController(
+        prices: [Double],
+        dates: [String]?, // format: yy-MM-dd
+        hours: [String]?, // has to correspond to dates
+        labelColor: Color,
+        indicatorPointColor: Color,
+        showingIndicatorLineColor: Color,
+        flatTrendLineColor: Color,
+        uptrendLineColor: Color,
+        downtrendLineColor: Color,
+        dragGesture: Bool
+    )
+
+To enable the drag gesture set `dragGesture` to `true` in the `LineChartController`
+
+    LineChartView(
+        lineChartController:
+    	LineChartController(
+    	    prices: [Double],
+    	    dragGesture: true
+    	)
+    )
+
+
+<a id="orgc225fff"></a>
+
+## Capsule chart
+
+    CapsuleChartView(percentageOfWidth: CGFloat)
+    // percentageOfWidth: must be 0 <= x <= 1
+
+
+<a id="org71304cd"></a>
+
+### Example
+
+    import SwiftUI
+    import StockCharts
+    
+    struct ContentView: View {
+        var body: some View {
+    	RoundedRectangle(cornerRadius: 25)
+    	    .frame(width: 400, height: 120)
+    	    .foregroundColor(.white)
+    	    .shadow(color: Color(.gray).opacity(0.15), radius: 10)
+    	    .overlay(
+    		VStack(alignment: .leading) {
+    		    Text("Dennis Concepcion")
+    			.font(.title3)
+    			.fontWeight(.semibold)
+    
+    		    Text("Random guy")
+    
+    		    CapsuleChartView(percentageOfWidth: 0.6, style: CapsuleChartStyle(capsuleColor: Color.blue))
+    			.padding(.top)
+    		}
+    		.padding()
+    	    )
+        }
+    }
+