Fixes #28

electricitymaps · Jun 21, 2016 · 02b62c3 · 02b62c3
1 parent 67ed7ee
commit 02b62c3
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -8,6 +8,14 @@
                 height: 100%;
                 font-family: sans-serif;
             }
+            .overlay {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0px;
+                opacity: 0.7;
+                background: black url('vendor/loading.svg') no-repeat center center;
+            }
             .map {
                 width: 100%;
                 height: 100%;
@@ -108,6 +116,7 @@
             </div>
             <svg class="country-table"></svg>
         </div>
+        <div class="loading overlay"></div>
         <script>
             var co2color = d3.scale.linear()
                 .domain([0, 250, 500])
@@ -527,6 +536,10 @@
                     .data(exchanges)
                     .projection(countryMap.projection())
                     .render();
+
+                d3.select('.loading')
+                    .transition()
+                    .style('opacity', 0);
             };
 
             // Periodically load data