-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathdatavisualization.html
4 lines (4 loc) · 4.61 KB
/
datavisualization.html
1
2
3
4
<!DOCTYPE html><html lang="en"> <head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160780833-1"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'UA-160780833-1');</script> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Covid-19 App By Ankit Sharma</title> <link rel="stylesheet" href="style.css"/> <style>iframe{margin: 4rem auto;}.chart #footer, .chart .dw-chart-footer{display: none;}header.header>ul{text-align : center;}</style> </head> <body> <header class="header"> <div class="toggler"> <span></span> <span></span> <span></span> </div><div class="close"> <svg class="navbar--svg_close" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" style="display: block;"> <line fill="none" x1="5.4" y1="15.6" x2="5.4" y2="15.6"></line> <line fill="none" stroke="#fff" stroke-width="1.5" stroke-miterlimit="10" x1="0.5" y1="0.6" x2="19.4" y2="19.4"></line> <line fill="none" stroke="#fff" stroke-width="1.5" stroke-miterlimit="10" x1="19.4" y1="0.6" x2="0.6" y2="19.4"></line> </svg> </div><ul> <li> <a href="index.html">Overview</a> </li><li> <a href="countrywise.html">Countrywise Data</a> </li><li> <a href="datewise.html">DateWise Data</a> </li><li> <a href="datavisualization.html">Data Visualizations</a> </li></ul> </header> <div class="main-container"> <h2 class="heading text-center">Covid-19 Data Visualizations</h2><div id="visualization-container"><iframe title="Coronavirus COVID-19 cases in all countries." aria-label="Table" id="datawrapper-chart-fUBEQ" src="//datawrapper.dwcdn.net/fUBEQ/2/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="703"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}})}();</script><iframe title="Coronavirus COVID-19: confirmed cases worldwide" aria-label="Interactive line chart" id="datawrapper-chart-d4I0R" src="//datawrapper.dwcdn.net/d4I0R/2/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="566"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}})}();</script><iframe title="Coronavirus COVID-19: confirmed cases worldwide" aria-label="Interactive area chart" id="datawrapper-chart-4f02h" src="//datawrapper.dwcdn.net/4f02h/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="578"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}})}();</script><iframe title="Coronavirus COVID-19 confirmed &amp; recovered cases" aria-label="World Symbol map" id="datawrapper-chart-rYNHX" src="//datawrapper.dwcdn.net/rYNHX/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="525"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}})}();</script></div><script src="script-min.js"></script><!-- <script defer> window.addEventListener("scroll", function (){if (window.scrollY > 80){header.classList.add("fixed");}else{header.classList.remove("fixed");}}); document.addEventListener('DOMContentLoaded',function(){var links=document.querySelectorAll('#visualization-container iframe a'); console.log(links); links.forEach(el=>{el.addEventListener('click',function(e){e.preventDefault();})})})</script> --> </div></body></html>