Merge pull request CesiumGS#7 from emackey/tweak-d3cs

More tweaks to D3 demo:
Start in Columbus View mode
Increase minimum size of SVG on large monitors
Adjust text size/placement of SVG year label.

Author: abwood

Apps/d3demo/d3example.js

@@ -62,9 +62,9 @@
     // Add the year label; the value is set on transition.
     var label = svg.append("text")
         .attr("class", "year label")
-        .attr("text-anchor", "end")
-        .attr("y", height - 24)
-        .attr("x", width)
+        .attr("text-anchor", "start")
+        .attr("y", 28)
+        .attr("x", 30)
         .text(1800);
 
     // Load the data.

Apps/d3demo/globe.js

@@ -82,6 +82,7 @@ require([
     widget.placeAt('cesiumContainer');
     widget.startup();
     widget.fullscreen.viewModel.fullscreenElement(document.body);
+    widget.sceneTransitioner.toColumbusView();
 
     var providerViewModels = widget.baseLayerPicker.viewModel.imageryProviderViewModels;
     widget.baseLayerPicker.viewModel.selectedItem(providerViewModels()[8]);

Apps/d3demo/index.html

@@ -74,6 +74,14 @@
 	transition-duration: 1s;
 }
 
+@media only screen and (min-width: 1920px) {
+    #chart {
+        -webkit-transform: scale(0.75);
+        -moz-transform: scale(0.75);
+        transform: scale(0.75);
+    }
+}
+
 #chart:hover {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
@@ -84,6 +92,10 @@
 	fill: #eee;
 }
 
+.year {
+    font-size: 40px;
+}
+
 .domain {
 	fill: none;
 	stroke: #eee;