Шаблон портфоліо для курсу «Візуалізація даних»

specs/demo-bar.vl.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+  "description": "Демонстраційний графік шаблону. Дані вигадані. Замініть його своїм.",
+  "title": {
+    "text": "Заголовок графіка",
+    "anchor": "start",
+    "fontSize": 15
+  },
+  "height": 180,
+  "data": {
+    "values": [
+      {
+        "категорія": "Категорія А",
+        "значення": 42
+      },
+      {
+        "категорія": "Категорія Б",
+        "значення": 31
+      },
+      {
+        "категорія": "Категорія В",
+        "значення": 27
+      },
+      {
+        "категорія": "Категорія Г",
+        "значення": 18
+      }
+    ]
+  },
+  "mark": {
+    "type": "bar",
+    "color": "#003964"
+  },
+  "encoding": {
+    "y": {
+      "field": "категорія",
+      "type": "nominal",
+      "title": null,
+      "sort": "-x"
+    },
+    "x": {
+      "field": "значення",
+      "type": "quantitative",
+      "title": null,
+      "axis": {
+        "tickCount": 5,
+        "format": "d"
+      }
+    },
+    "tooltip": [
+      {
+        "field": "категорія",
+        "title": "категорія"
+      },
+      {
+        "field": "значення",
+        "title": "значення"
+      }
+    ]
+  }
+}

specs/demo-line.vl.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+  "description": "Другий демонстраційний графік шаблону. Дані вигадані.",
+  "title": {
+    "text": "Заголовок другого графіка",
+    "anchor": "start",
+    "fontSize": 15
+  },
+  "height": 180,
+  "data": {
+    "values": [
+      {
+        "місяць": "Січ",
+        "значення": 18
+      },
+      {
+        "місяць": "Лют",
+        "значення": 24
+      },
+      {
+        "місяць": "Бер",
+        "значення": 21
+      },
+      {
+        "місяць": "Кві",
+        "значення": 33
+      },
+      {
+        "місяць": "Тра",
+        "значення": 39
+      },
+      {
+        "місяць": "Чер",
+        "значення": 36
+      }
+    ]
+  },
+  "mark": {
+    "type": "line",
+    "color": "#003964",
+    "point": true
+  },
+  "encoding": {
+    "x": {
+      "field": "місяць",
+      "type": "nominal",
+      "title": null,
+      "sort": null,
+      "axis": {
+        "labelAngle": 0
+      }
+    },
+    "y": {
+      "field": "значення",
+      "type": "quantitative",
+      "title": null
+    },
+    "tooltip": [
+      {
+        "field": "місяць",
+        "title": "місяць"
+      },
+      {
+        "field": "значення",
+        "title": "значення"
+      }
+    ]
+  }
+}