charts refactor, libs refactor

pages/_data/charts.yml

@@ -1,6 +1,16 @@
+completion-tasks:
+  type: bar
+  days-labels-count: 7
+  debug: true
+  series:
+    - name: Tasks completion
+      data: [155, 65, 465, 265, 225, 325, 80]
+
+
 tasks-overview:
   type: bar
-  categories: ['Sprint 1','Sprint 2','Sprint 3','Sprint 4','Sprint 5','Sprint 6','Sprint 7','Sprint 8','Sprint 9','Sprint 10','Sprint 11','Sprint 12','Sprint 13','Sprint 14','Sprint 15','Sprint 16','Sprint 17','Sprint 18','Sprint 19','Sprint 20','Sprint 21','Sprint 22','Sprint 23','Sprint 24']
+  debug: true
+  categories: ['Sprint 1', 'Sprint 2', 'Sprint 3', 'Sprint 4', 'Sprint 5', 'Sprint 6', 'Sprint 7', 'Sprint 8', 'Sprint 9', 'Sprint 10', 'Sprint 11', 'Sprint 12', 'Sprint 13', 'Sprint 14', 'Sprint 15', 'Sprint 16', 'Sprint 17', 'Sprint 18', 'Sprint 19', 'Sprint 20', 'Sprint 21', 'Sprint 22', 'Sprint 23', 'Sprint 24']
   series:
     - name: A
       data: [44, 32, 48, 72, 60, 16, 44, 32, 78, 50, 68, 34, 26, 48, 72, 60, 84, 64, 74, 52, 62, 50, 32, 22]
@@ -36,10 +46,10 @@ campaigns:
       color: blue
       data: 44
     - name: Reached
-      color: blue-light
+      color: blue-300
       data: 36
     - name: Opened
-      color: blue-lighten
+      color: blue-100
       data: 18
 
 tasks:
@@ -211,67 +221,6 @@ spline:
       data: [0, 0, 0.6, 0.9, 0.8, 0.2, 0, 0, 0, 0.1, 0.6, 0.7, 0.8, 0.6, 0.2, 0, 0.1, 0.3, 0.3, 0, 0.1, 0, 0, 0, 0.2, 0.1, 0, 0.3, 0, 0.1, 0.2, 0.1, 0.3, 0.3, 0, 3.1, 3.1, 2.5, 1.5, 1.9, 2.1, 1, 2.3, 1.9, 1.2, 0.7, 1.3, 0.4, 0.3]
 
 
-spline-rotated:
-  name: Lorem ipsum
-  demo: true
-  type: line
-  spline: true
-  rotated: true
-  hide-legend: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: blue
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-bar:
-  name: Lorem ipsum
-  demo: true
-  type: bar
-  hide-legend: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: blue
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-bar-rotated:
-  name: Lorem ipsum
-  demo: true
-  type: bar
-  rotated: true
-  hide-legend: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: blue
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-bar-stacked:
-  name: Lorem ipsum
-  demo: true
-  type: bar
-  stacked: true
-  hide-legend: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: blue
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
 
 
 pie:
@@ -283,16 +232,16 @@ pie:
   sparkline: true
   series:
     - name: A
-      color: blue-darker
+      color: blue-700
       data: 63
     - name: B
       color: blue
       data: 44
     - name: C
-      color: blue-light
+      color: blue-300
       data: 12
     - name: D
-      color: blue-lighter
+      color: blue-100
       data: 14
 
 donut:
@@ -306,7 +255,7 @@ donut:
       color: green
       data: 63
     - name: Minimum
-      color: green-light
+      color: green-300
       data: 37
 
 
@@ -361,14 +310,15 @@ new-clients:
   type: line
   days-labels-count: 30
   sparkline: true
-  dashed-history: true
+  stroke-width: [2, 1]
+  stroke-dash: [0, 3]
   hide-legend: true
   series:
     - name: May
       color: blue
       data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67]
     - name: April
-      color: gray
+      color: gray-600
       data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37]
 
 active-users:
@@ -408,7 +358,6 @@ traffic-out:
 usd-eur:
   type: line
   days-labels-count: 30
-  auto-min: true
   stroke-curve: straight
   series:
     - name: USD/EUR
@@ -421,11 +370,11 @@ devices:
   hide-legend: true
   series:
     - name: a
-      color: blue-dark
+      color: blue-700
       data: 23
     - name: b
       color: blue
       data: 54
     - name: c
-      color: blue-light
+      color: blue-300
       data: 34