Update

Author: andrewyuan

EDAV-assignment2.html

@@ -3176,7 +3176,7 @@ <h3>The Fifa Ranking</h3>
                   "gridline": "#888"};
       var lineColor = "#59DDAF";
 
-      var graphTitle = "Proportion of Wins x Ts Distance in Fifa Ranking",
+      var graphTitle = "Proportion of Wins x Teams Distance in Fifa Ranking",
           xAxisTitle = "Distance to opponent position in Fifa Ranking",
           yAxisTitle1 = "Share of goals scored per match",
           yAxisTitle2 = "Share of matches won per rank distance";
@@ -3435,7 +3435,7 @@ <h3>The Fifa Ranking</h3>
 
         .transition()
         .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*10);})
-        .duration(1000)
+        .duration(500)
         .attr("cx", function(d) { return xScale(d.rankDiff); })
         .attr("cy", function(d) { return yScale(d.avrg); });
 
@@ -3503,8 +3503,8 @@ <h3>The Fifa Ranking</h3>
           currentView = "aggregated";
           svg.selectAll("circle")
              .transition()
-              .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*20);})
-             .duration(1000)
+              .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*10);})
+             .duration(500)
              .attr("cy", function(d) { return yScale(d.avrg); })
             .style("stroke", color.circleNeutral)
             .style("fill", color.circleNeutral)
@@ -3523,8 +3523,8 @@ <h3>The Fifa Ranking</h3>
           currentView = "perLocation";
           svg.selectAll("circle")
             .transition()
-            .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*20);})
-            .duration(1000)
+            .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*10);})
+            .duration(500)
             .attr("cy", function(d) { return yScale(d.classAvrg); })
             .style("stroke", function(d, i) {return d.color})
             .style("fill", function(d, i) {return d.color});
@@ -3544,8 +3544,8 @@ <h3>The Fifa Ranking</h3>
           svg.selectAll("circle")
 //             .data(dataset)
             .transition()
-            .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*20);})
-            .duration(1000)
+            .delay(function(d, i) { return ((d.rankDiff-minRankDiff)*10);})
+            .duration(500)
             .attr("cy", function(d) { return yScale(d.goalsAvrg); })
             .style("stroke", function(d, i) {return d.color})
             .style("fill", function(d, i) {return d.color});

EDAV-project.html

@@ -10,6 +10,12 @@
 <link href="style/default.css" rel="stylesheet" type="text/css" media="all" />
 <link href="style/fonts.css" rel="stylesheet" type="text/css" media="all" />
 <link href="style/magnific-popup.css" rel="stylesheet"> 
+<link rel="image_src" href="http://andrewyuan.github.io/img/datavis3.png"/>
+<meta name="twitter:image" content="http://andrewyuan.github.io/img/datavis3.png"/>
+<meta name="twitter:image:width" content="1920"/>
+<meta name="twitter:image:height" content="1080"/>
+<meta property="og:image" content="http://andrewyuan.github.io/img/datavis3.png" />
+
 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
 <script src="lib/jquery.magnific-popup.min.js?v=0.9.9"></script>
 <!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->