Kevin-Mok/spotify-lib-vis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Parse listening history and add Track objects

Browse Source
This commit is contained in:
Kevin Mok
2018-11-04 18:38:25 -05:00
parent 344fb2760e
commit 2644a3aeb2
7 changed files with 131 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
graphs/templates/graphs/genre_graph.html
View File

@@ -21,10 +21,18 @@
<body>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/randomcolor/0.5.2/randomColor.min.js"></script>
{% load static %}
<script src="{% static "graphs/scripts/genre_graph.js" %}"></script>
<svg width="1920" height="740"></svg>
<!-- <div class="row">
<div class="col-" id="genre-graph"></div>
</div> -->
<svg id="genre-graph" width="600" height="400"
viewBox="0 0 600 400"
perserveAspectRatio="xMinYMid">
</svg>
<script>
var svg = d3.select("svg"),
margin = {top: 20, right: 20, bottom: 30, left: 40},
@@ -38,7 +46,16 @@
var y = d3.scaleLinear()
.rangeRound([height, 0]);
d3.json("{% url "api:get_genre_data" user_secret %}").then(create_genre_graph);
// PU: trying to store genreData locally
var genreData;
d3.json("{% url "api:get_genre_data" user_secret %}",
function(data) {
genreData = data;
}
);
console.log(genreData);
create_genre_graph(genreData);
// d3.json("{% url "api:get_genre_data" user_secret %}").then(create_genre_graph);
</script>
</body>
</html>