From dd30d25683ffcac81a32a3661a6bbc29025cec8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= <raphael@vinot.info>
Date: Mon, 11 Jan 2021 20:01:13 +0100
Subject: [PATCH] chg: Add dots on stats graph

---
 website/web/static/stats_graph.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/website/web/static/stats_graph.js b/website/web/static/stats_graph.js
index f9ec7599..5a52191e 100644
--- a/website/web/static/stats_graph.js
+++ b/website/web/static/stats_graph.js
@@ -53,13 +53,21 @@ d3.json('/json/stats').then(json => {
     var data_lines = svg.selectAll(".d3_xy_chart_line")
                         .data(datasets.map(d => {return d3.zip(d.x, d.y);}))
                         .enter().append("g")
-                        .attr("class", "d3_xy_chart_line") ;
+                        .attr("class", "d3_xy_chart_line");
 
     data_lines.append("path")
               .attr("class", "line")
               .attr("d", line)
               .attr("stroke", (_, i) => {return d3.schemeCategory10[i];});
 
+    data_lines.selectAll(".dot")
+        .data(datasets.map(d => {return d3.zip(d.x, d.y);}).flat())
+          .enter().append("circle") // Uses the enter().append() method
+            .attr("class", "dot") // Assign a class for styling
+            .attr("cx", function(d) { return x_scale(d[0]) })
+            .attr("cy", function(d) { return y_scale(d[1]) })
+            .attr("r", 3);
+
     data_lines.append("text")
                .datum((d, i) => { return {name: datasets[i].label, final: d[d.length-1]}; })
                .attr("transform", d => {