From 3403adc4bf6af941e58ad59326ca8c226e17811a Mon Sep 17 00:00:00 2001
From: Martin Putzlocher <m.putzlocher@stiftland-gymnasium.de>
Date: Thu, 26 Jan 2023 14:48:41 +0100
Subject: [PATCH] First site with radar plot via chart.js

---
 main.html      | 40 ++++++++++++++++++++++++++++++++++++++++
 videoTax.kdev4 |  4 ++++
 2 files changed, 44 insertions(+)
 create mode 100644 main.html
 create mode 100644 videoTax.kdev4
diff --git a/main.html b/main.html
new file mode 100644
index 0000000..ca62ff3
--- /dev/null
+++ b/main.html
@@ -0,0 +1,40 @@
+
+<!DOCTYPE>
+<html>
+<head>
+   <meta charset- "UTF-8" />
+   <meta name="viewport" content="width=device-width, initial-scale=1" />
+   <title>chart.js</title>
+</head>
+<body>
+   <h1>Video lectures taxonomy</h1>
+   <canvas id="chartId" aria-label="chart" height="350" width="580"></canvas>
+   <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.1.1/chart.min.js"></script>
+   <script>
+      var chrt = document.getElementById("chartId").getContext("2d");
+      var chartId = new Chart(chrt, {
+         type: 'radar',
+         data: {
+            labels: ["HTML", "CSS", "JAVASCRIPT", "CHART.JS", "JQUERY", "BOOTSTRP"],
+            datasets: [{
+               label: "online tutorial subjects",
+               data: [20, 40, 33, 35, 30, 38],
+               backgroundColor: ['lightgrey'],
+               pointBackgroundColor: ['yellow', 'aqua', 'pink', 'lightgreen', 'lightblue', 'gold'],
+               borderColor: ['black'],
+               borderWidth: 1,
+               pointRadius: 6,
+            }],
+         },
+         options: {
+            responsive: false,
+            elements: {
+               line: {
+                  borderWidth: 3
+               }
+            }
+         },
+      });
+   </script>
+</body>
+</html>
diff --git a/videoTax.kdev4 b/videoTax.kdev4
new file mode 100644
index 0000000..3f14026
--- /dev/null
+++ b/videoTax.kdev4
@@ -0,0 +1,4 @@
+[Project]
+CreatedFrom=
+Manager=KDevGenericManager
+Name=videoTax
