{"componentChunkName":"component---src-templates-blog-post-js","path":"/interactive_ebola_viz/","result":{"data":{"site":{"siteMetadata":{"title":"tigue.com"}},"markdownRemark":{"id":"18b397d5-faeb-5d31-a2a9-6707ec2946a1","excerpt":"Visualizations on the Web can be classified as interactive or static. The split is not quite binary; is a zoomable map really “interactive”? I want to produce…","html":"<p>Visualizations on the Web can be classified as interactive or static. The split is not quite binary; is a zoomable map really “interactive”?</p>\n<p>I want to produce both interactive and static viz, with hopefully the former being used to generate the latter. SVG is good for exporting static raster images to file or paper. D3.js uses SVG, so interactive D3.js-based visualizations should be able to export excellent static maps and charts (we will see). Some users of this information will be on limited machines so bandwidth-light static info should be readily available.</p>\n<p>I have found very few highly interactive ebola visualizations. Please point out any that I have missed in the comments. The best three found so far are listed here.\n<br/></p>\n<p><a href=\"https://who-ocr.github.io/ebola-data/\">The WHO’s ebola-data</a></p>\n<p><a title=\"WHO's Ebola-data viz\" href=\"https://who-ocr.github.io/ebola-data/\"><span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 750px;\">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 61.86666666666667%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACuklEQVQoz0WTS08TYRSG59e48xe4MzEuNJq4McaFcasLNm5cuTAmJioGA9YLykUFRI0aryiXghqhwHR6r/QyIL0y7UzLtNMW0cczg+Dizel3vnOenss3yqIaZEkUEH2fnSXg60W7f4enZ07x+eIFImMjlBMJSvEYZmqFSiqFUSyIipRWdbmLUwqH2JiZxJrzoyypGnvQoMaC38/rrnMMnDjCQk83ywIvaEFq2TSVH0nKyQQVw6BWr5PL5Si6voXvVHaBHiy4A11cVlFjCca6zvPw2GG+XL3C15vXMaSKQiRMMRrBymQwyiWMikFG1z2g9XUOa2ZKoFM7wICAAsu7VmU+ECDwbJzL+/fRffAA1kqSXEgjH1SpSJu5Qp6MgIulEsV0itTUJPnpSar+aRQtHCEajxOJxfYUdm0iyYvLlxg7exrd/Xc9iy7QdDhMqVxGX1sjFImyrIVQZYYhTcP8Nofy8t0EPfeG8Q2McPvhE3r7H3vWOz96zstXb4mrMopQ2FucOx4PFAx5dmJ61svpGxil/94QysyXBa73DeIbeoZvcJzeB2MSMCp2lBvi/zw3j9NqY1k16vVNTNOiWjWp1eo4jiPVxen2DXs5tyVf2dra4s/vP7QsCRJtyva2t7fF99vTL7lvNh1JbtG0bdbl2azn8rTbHRqNJp1Ox4vbduMaDRTbbmDbTYryxjRp58dKih3ffzVETQFuSExSBp9eXfN8LtDeta0OK+k0intwKzDlbSVkEZlM1gtqit+7E5Aj1bSB6PAAqiiZXcXetL08V+5v91lVZevKrtOdU+ufHKftgVzZloWVz6PP+pk4eZz5WzfIVy2cf9W1tn5hZHWeHj1E9N0baVkuajLwmmliiczyBsbPn3KW4ecLpD59IDY+QvBuH0vXrhD/+B5D4vc6cCuUZa0vLWLIl/MXPAtAt3REglIAAAAASUVORK5CYII=&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"whos-ebola-data\" title=\"whos-ebola-data\" src=\"/static/e10e66a21fb63b91abbede8d6f09b215/b8ccf/who-ebola-data.png\" srcset=\"/static/e10e66a21fb63b91abbede8d6f09b215/1abb1/who-ebola-data.png 250w,\n/static/e10e66a21fb63b91abbede8d6f09b215/7217d/who-ebola-data.png 500w,\n/static/e10e66a21fb63b91abbede8d6f09b215/b8ccf/who-ebola-data.png 750w\" sizes=\"(max-width: 750px) 100vw, 750px\" loading=\"lazy\">\n    </span></a></p>\n<p> </p>\n<p><a href=\"http://www.pbs.org/wgbh/pages/frontline/health-science-technology/ebola-outbreak/map-how-the-ebola-outbreak-spread-through-africa/\">PBS Frontline’s map: how the ebola outbreak spread through Africa</a></p>\n<p><a href=\"http://www.pbs.org/wgbh/pages/frontline/health-science-technology/ebola-outbreak/map-how-the-ebola-outbreak-spread-through-africa/\"><span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 750px;\">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 61.86666666666667%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADKUlEQVQozyWSSWgkdRTGq7ureqvuqk71Wr3vnaSXdKfTnYU2mWw6ZhnHNoMOUSIzuMwgwuAGMiiagIILaphR0BzHZVS8eFUQHC+KePA0F7cRFMGDoBcHfr7Ew6OK///V733f90p5fvdxXn3lOQYzOdZXxhiutdm4dQa7MM7Kao9TpzZQAgmufvQ+/968yfL6Fo6ATX+2RzxXxeWzCFo2ViJDvVVE+era53z73TfUm1EWBmXaEzlSpXEKYw1mZjoUxyZQFB/P7r3AG28eyLsTf1h6ChUCsQJ+K8nC4jKT3RZT/S7K/qWXeO/qO4w14nR7BertAk6zQCRdYmmxQa1VRw3E8RoJLLuIFojhNpI49TiamcFvRlE9OsGQTqfbQenMFOjMpVjZbHHL6gSTszma7QzZaoGm3A3mqyTyORzeCC6vJbAEmi4QicG08yTLKVRvgGgiQtQOozT74wyWSpw5W2e4XaExbVNuxsVukhNzRUr1NNnRAj4ri+a3UKU0XeAeEz2copTNkkyGyJdj9KbrKMl8kp2tMZ46P+CxR6ZY3MiR6Wa4c77GtTtmyQjMH80IMC1KQmi+EG6x7fAYjJgRLtSL1NKGZJpg4VgfxU7HOdgd8vreNm89usaXd82ycbrPwglRWynKhxYud1AUGfIMHKlzGzZOt4EVjrDQzqGqGk5Nxx8MytJUnXM7x/lk/14+fXHI7rDF3FqO0ak0its4gqmeQ2AA1TeCKvm5/SMoTh2vFePpc8fY3zvNxSfuYarXlnOZ7DMTnL//Nt7df4BKd1QaE2Rbk3iMuEz2CVQXqCFAyVAGOERpdSTOa2dP8s/1y/z54xX+/uEyP31/RUT4TNleCH0kzfrmNJODBuFcnmi5iZUu49CCRxBVsjvKUGCKS+dgdR4uXuDnD1/m16/f5o/rH/DXjY9RVK8hFkJHv4RTFFjJGNVuDTORxS6mSJVLstkIDlWgXhNN7CsuP6O5Cr89vMMvT97NjYdu5/e9M3zx2TMomig8LPdh2HoMpycs4BjJaoXN7T4rJzvUemUZYItt8/8tSx1ClzMZ7puusdkd58HjXZa2KvwHgC55XfWE+CcAAAAASUVORK5CYII=&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"frontline-1\" title=\"frontline-1\" src=\"/static/710c5b5bf3c7709272bd8ad276439576/b8ccf/pbs-frontline.png\" srcset=\"/static/710c5b5bf3c7709272bd8ad276439576/1abb1/pbs-frontline.png 250w,\n/static/710c5b5bf3c7709272bd8ad276439576/7217d/pbs-frontline.png 500w,\n/static/710c5b5bf3c7709272bd8ad276439576/b8ccf/pbs-frontline.png 750w\" sizes=\"(max-width: 750px) 100vw, 750px\" loading=\"lazy\">\n    </span></a></p>\n<p> </p>\n<p><a href=\"http://healthmap.org/ebola/#timeline\">HealthMap’s Ebola timeline</a></p>\n<p><a href=\"http://healthmap.org/ebola/#timeline\"><span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 750px;\">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 61.86666666666667%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACYklEQVQoz41TTWsTYRDeX+PBu6A3f4G/QP+CN8GLFUR7isTisVKwUEqoKK2tYrC9VEyJWE36kaT5dL83+51NNsluNo8zr43UmwPDO/My8+wzz7wrabICufcLfduG47rQNR3JNEE2y5BlGZLJlOIZ2DhP0xQzyufzuXCRky9Mqh9X4PcdNMo/0D6uwrzoIL0EYLO7CoZegISagiBAFEVIkkSAz67UsfG9ZFoWNF2HqqiwiN2EGLm6hernQ2I6FeBxHAsgZsPneDwWzTMCHQ2HmE4myIjtYDAgQNOEYZno1hroVGqw200cbWxBOW8io69OqJjdJkkYyPM80cgW0mSlwnvBdCGHZBoGXBrlrFTGizv3sLv0GNvPnuNk/4toGl9hNyXGvu9jQDmbfFLH161dzClOk1R8+A9DAnUCH9vLOTy6fhMPrt1C4eFTpFQ6pJEYcOEM5uomXEXHkGLf9QQ4j80flCzSkF0nHZ0gRHFtE09u3Mbech7RKEYYhkJDXgg7A37/sA+j1cPh6zdol38KaSKSgSWRVFWFQWADn7QJyKMQWquN4sor0qiPcBCib/UFO56G63mRrOnH/Cq+7RQxSaZCW3aJt+WHEY6qtIxqCx3VQkuz0TY8NHoGRvH4r35cy/HiXBgvhe/4XUp8oTkh7uff4u7SGtb3SnhZOEBu/RNWNg/ghSPRtHjI7Lg8+cHPabvijmsoFoAuUS2824E7JDaUx2mGmP6UOP334f6PCUCbtFrN5aHXLqCdNmA22uK0uzIc2qbVkdGnWKFnIldr0GotESundahnDRjNLlzNgFw5x28wvHnu1dRpOQAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"healthmap-org\" title=\"healthmap-org\" src=\"/static/3b98181f0c9fbe4aa39f7f8b7a853fb0/b8ccf/healthmap-map.png\" srcset=\"/static/3b98181f0c9fbe4aa39f7f8b7a853fb0/1abb1/healthmap-map.png 250w,\n/static/3b98181f0c9fbe4aa39f7f8b7a853fb0/7217d/healthmap-map.png 500w,\n/static/3b98181f0c9fbe4aa39f7f8b7a853fb0/b8ccf/healthmap-map.png 750w\" sizes=\"(max-width: 750px) 100vw, 750px\" loading=\"lazy\">\n    </span></a></p>\n<p> </p>\n<p>All three’s features, pros, and cons are analyzed on <a href=\"https://github.com/JohnTigue/EbolaMapper/wiki/Gallery-of-Ebola-Visualizations-Found-Across-the-Web\">the EbolaMapper wiki</a>.</p>","frontmatter":{"title":"Three interactive ebola visualizations","date":"November 12, 2014","description":null}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/interactive_ebola_viz/","previous":{"fields":{"slug":"/ebola_visualizations/"},"frontmatter":{"title":"Gallery of ebola visualizations"}},"next":{"fields":{"slug":"/tweets_about_deadly_diseases/"},"frontmatter":{"title":"Tweets about deadly diseases"}}}}}