From 02b62c3528a250203204acdd010c446c6ebc42cb Mon Sep 17 00:00:00 2001
From: Olivier Corradi <olivier.corradi@gmail.com>
Date: Tue, 21 Jun 2016 15:24:55 +0200
Subject: [PATCH] Fixes #28

---
 index.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/index.html b/index.html
index 6eab49cfba..b8ca097f47 100644
--- 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