diff --git a/app.py b/app.py
index 2914505..ea86627 100644
--- a/app.py
+++ b/app.py
@@ -12,6 +12,9 @@ def get_wishlist():
@app.get("/boardgame")
def get_boardgame():
- boardgame_id = request.args.get('id', '')
return render_template('boardgame.jinja')
+
+@app.get('/statistics')
+def get_statistics():
+ return render_template('statistics.jinja')
\ No newline at end of file
diff --git a/static/javascript/main.js b/static/javascript/main.js
index 7605d83..4261224 100644
--- a/static/javascript/main.js
+++ b/static/javascript/main.js
@@ -136,6 +136,35 @@ async function loadOwnedGames() {
}
+async function loadStatistics(){
+ const overtimechart = document.getElementById("overtimechart")
+
+ games_over_time_statistic = await makeRequest(api_url + '/statistics/amount_of_games_over_time')
+
+ console.log(games_over_time_statistic)
+ console.log(Object.keys(games_over_time_statistic.result))
+ console.log(Object.values(games_over_time_statistic.result))
+
+ new Chart(overtimechart, {
+ type: 'bar',
+ data: {
+ labels: Object.keys(games_over_time_statistic.result),//['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+ datasets: [{
+ label: '# of Games',
+ data: Object.values(games_over_time_statistic.result),
+ borderWidth: 1
+ }]
+ },
+ options: {
+ scales: {
+ y: {
+ beginAtZero: true
+ }
+ }
+ }
+ });
+}
+
async function loadGame() {
let params = new URLSearchParams(document.location.search);
let boardgame_id = params.get("id");
diff --git a/templates/base.jinja b/templates/base.jinja
index 5c35693..b7480f4 100644
--- a/templates/base.jinja
+++ b/templates/base.jinja
@@ -13,6 +13,7 @@
+
diff --git a/templates/statistics.jinja b/templates/statistics.jinja
new file mode 100644
index 0000000..e11442d
--- /dev/null
+++ b/templates/statistics.jinja
@@ -0,0 +1,13 @@
+{% extends "base.jinja" %}
+
+
+{% block body %}
+
+
+
+
+
+
+
+
+{% endblock body %}
\ No newline at end of file