diff --git a/app.css b/app.css
index 56aefa9..abd5087 100644
--- a/app.css
+++ b/app.css
@@ -7,4 +7,13 @@ circle {
}
svg {
overflow: visible;
+ margin-bottom: 50px;
+ }
+
+ table, th, td {
+ border: 1px solid black;
+ }
+ th, td {
+ padding:10px;
+ text-align: center;
}
diff --git a/app.js b/app.js
index acf7407..f5f6ea0 100644
--- a/app.js
+++ b/app.js
@@ -63,3 +63,14 @@ var leftAxis = d3.axisLeft(yScale);
d3.select('svg')
.append('g')
.call(leftAxis);
+
+var createTable = function(){
+ for (var i = 0; i < runs.length; i++) {
+ var row = d3.select('tbody').append('tr');
+ row.append('td').html(runs[i].id);
+ row.append('td').html(runs[i].date);
+ row.append('td').html(runs[i].distance);
+ }
+}
+
+createTable();
diff --git a/index.html b/index.html
index c756f85..5f9c765 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,17 @@
+
+
+
+ | id |
+ date |
+ distance |
+
+
+
+
+