fixed column and streamgraph label

com-480-data-visualization · Jun 4, 2023 · b222ea5 · b222ea5
1 parent 51de7a1
commit b222ea5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/website/css/custom.css b/website/css/custom.css
@@ -203,8 +203,8 @@ footer {
 
 .column {
     float: left;
-    width: 100%;
-    margin-bottom: 90px;
+    width: 50%;
+    padding: 10px;
 }
 
 .column-left-75 {

diff --git a/website/index.html b/website/index.html
@@ -99,7 +99,7 @@ <h1 class="section-heading">About</h1>
             <div class="container"> 
                 <div class="row"> 
                     <h1 class="section-heading">Sankey Diagram</h1> 
-                    <div class="col-12 column text-justify"> 
+                    <div class="col-12 text-justify"> 
                         <p class="chart-description text-justify">Sometimes it is cool to have an overview of a category, that let you know how many applications have less than 1,000 downloads, 
           if they are free or not and whether they have ads and/or in-app purchases.</p> 
                         <p class="chart-description"><b>Hover</b> one of the link to display from and to which label we are going, and how many applications are concerned.

diff --git a/website/js/streamgraph.js b/website/js/streamgraph.js
@@ -88,8 +88,8 @@ function buildStreamgraph(data, dataRadius) {
   // X axis labels
   svgStreamgraph.append("text")
       .attr("text-anchor", "end")
-      .attr("x", width)
-      .attr("y", height-10)
+      .attr("x", width-30)
+      .attr("y", height-30)
       .text("Time (year)");
 
   // Y axis