diff --git a/WEB/View/src/JS/dashboard.js b/WEB/View/src/JS/dashboard.js
new file mode 100644
index 00000000..81e00737
--- /dev/null
+++ b/WEB/View/src/JS/dashboard.js
@@ -0,0 +1,64 @@
+window.onload = function () {
+ var chart = new CanvasJS.Chart("chartContainer", {
+ animationEnabled: true,
+ zoomEnabled: true,
+ theme: "dark2",
+ title: {
+ text: "Score"
+ },
+ axisX: {
+ title: "Enigme",
+ valueFormatString: "####",
+ interval: 1
+ },
+ axisY: {
+ title: "Point",
+ titleFontColor: "#6D78AD",
+ lineColor: "#6D78AD",
+ gridThickness: 0,
+ lineThickness: 1,
+ },
+ legend: {
+ verticalAlign: "top",
+ fontSize: 16,
+ },
+ data: [{
+ type: "line",
+ xValueFormatString: "Pierre",
+ dataPoints: [
+ { x: 0, y: 0 },
+ { x: 1, y: 50 },
+ { x: 2, y: 100 },
+ { x: 3, y: 150 },
+ { x: 4, y: 150 },
+ { x: 5, y: 200 },
+ ]
+ },
+ {
+ type: "line",
+ xValueFormatString: "Noe",
+ dataPoints: [
+ { x: 0, y: 0 },
+ { x: 1, y: 100 },
+ { x: 2, y: 100 },
+ { x: 3, y: 200 },
+ { x: 4, y: 250 },
+ { x: 5, y: 300 },
+ ]
+ },
+ {
+ type: "line",
+ xValueFormatString: "Nathan",
+ dataPoints: [
+ { x: 0, y: 0 },
+ { x: 1, y: 75 },
+ { x: 2, y: 100 },
+ { x: 3, y: 150 },
+ { x: 4, y: 200 },
+ { x: 5, y: 250 },
+ ]
+ }
+ ]
+ });
+ chart.render();
+ }
\ No newline at end of file
diff --git a/WEB/View/src/pages/Multijoueur/Dashboard.html b/WEB/View/src/pages/Multijoueur/Dashboard.html
index 632cce30..53ed1a99 100644
--- a/WEB/View/src/pages/Multijoueur/Dashboard.html
+++ b/WEB/View/src/pages/Multijoueur/Dashboard.html
@@ -22,6 +22,8 @@
>
-
+
+
+