added transition when changing between datasets

com-480-data-visualization · Jun 4, 2023 · 220a236 · 220a236
1 parent 48285f9
commit 220a236
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/website/js/treemap.js b/website/js/treemap.js
@@ -93,6 +93,11 @@ editorsChoiceCategories.forEach(function(category) {
 })
 
 function updateTreemapOnSliderChange() {
+  d3.select("#specific-app-info")
+    .transition()
+    .duration(500)
+    .style("opacity", "0")
+
   var sliderValueTreemap = parseInt(sliderTreemap.node().value)
 
   switch (sliderValueTreemap) {
@@ -407,4 +412,5 @@ function setSpecifiedAppHtml(appData, dataType) {
   }
   d3.select("#specific-app-info")
     .html(specificAppHtml)
+    .transition().duration(500).style("opacity", 1)
 }