Skip to content
Snippets Groups Projects

update danceability

Merged Philippe Fasel requested to merge dev into main
1 file
+ 18
9
Compare changes
  • Side-by-side
  • Inline
+ 18
9
@@ -6,6 +6,16 @@ danceability.append("h1")
.text("Dance-Battle");
// Create a div for the text content
const descriptionBox = danceability.append("div")
.attr("id", "description-box");
descriptionBox.append("h4")
.text("The goal of the Dancebattle animation is to compare genres due to their danceability and popularity. " +
"The higher the danceability, the more dances the stickman, and the higher the popularity, the bigger gets the dancemob." +
"At the moment only the danceability animation was implemented. In the future, the dropdown for danceability and popularity won't be there anymore." +
"There will be two Dancefloors where you can choose the genres and years you wanna send into the battle (compare)");
// Dancefloor 1
const dancefloor1 = danceability.append("div")
.attr("id", "dancefloor1");
@@ -148,18 +158,17 @@ d3.csv("../data/spotify_forDance.csv").then(function (data) {
}
}
});
// Create a div for the text content
const descriptionBox = danceability.append("div")
.attr("id", "description-box");
descriptionBox.append("h4")
.text("The goal of the Dancebattle animation is to compare genres due to their danceability and popularity. " +
"The higher the danceability, the more dances the stickman, and the higher the popularity, the bigger gets the dancemob." +
"At the moment only the danceability animation was implemented. In the future, the dropdown for danceability and popularity won't be there anymore." +
"There will be two Dancefloors where you can choose the genres and years you wanna send into the battle (compare)");
// Dancefloor 1 Title (under the text box)
dancefloor1.append("h2")
.text("Dancefloor 1");
});
Loading