-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathanalytics.html
1 lines (1 loc) · 11.3 KB
/
analytics.html
1
<!DOCTYPE html><html><head> <title>COVID-19 Tracker</title> <link rel="stylesheet" href="css/materialize.min.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <script src='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet'/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script> <meta name="theme-color" content="#212121"> <meta name="msapplication-navbutton-color" content="#212121"> <meta name="apple-mobile-web-app-status-bar-style" content="#212121"> <script src="main.js?ver=2.21001"></script> <link rel="icon" href="css/icon.png"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163252735-2"></script> <script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'UA-163252735-2'); </script></head><body onload="load_analytics()" class="grey darken-4" style="overflow-x:hidden;"> <ul class="sidenav grey darken-4" id="mobile-demo"> <li><a href="analytics.html" class="teal-text">Analytics</a></li><li><a href="about.html" class="teal-text">About</a></li><li><a href="team.html" class="teal-text">Our Team(WIP)</a></li></ul> <div class="navbar-fixed"> <nav> <div class="nav-wrapper grey darken-4 z-depth-3" style="z-index: 1;"> <a href="index.html"><img src="logo_1.png?ver=2" alt="" class="brand-logo hide-on-med-and-down show-on-large" width="16%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="index.html"><img class="left brand-logo hide-on-large-only hide-on-small-only show-on-med" src="logo_1.png?ver=2" alt="" width="26%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="index.html"><img src="logo_1.png?ver=2" alt="" class="left brand-logo hide-on-med-and-up show-on-small" width="50%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="#" data-target="mobile-demo" class="right teal-text sidenav-trigger"><i class="material-icons">menu</i></a> <ul id="nav-mobile" class="right hide-on-med-and-down teal lighten-2"> <li><a href="analytics.html">Analytics</a></li><li><a href="about.html">About</a></li><li><a href="team.html">Our Team</a></li></ul> </div></nav> </div><script>document.addEventListener('DOMContentLoaded', function (){var elems=document.querySelectorAll('.sidenav'); var instances=M.Sidenav.init(elems,{edge: 'right'});}); </script> <div class="row" style="margin-top: 1% ;"><!-- <div class="col s12 m6 l6"> <iframe title="[ Insert title here]" aria-label="India states and union territories (2020) choropleth map" id="datawrapper-chart-SNwr4" src="//datawrapper.dwcdn.net/SNwr4/2/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; background-color:#424242 ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding:2%; border-radius: 10px;" height="400"></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>--> <div class="col s12 m4 l4"> <div class="card grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content grey-text"> <span class="card-title"><b><span style="color: #eeeeee;">Cases:</span> <span id="cnf_no">loading..</span></b> <i class="tiny material-icons" id="daily_cnf_arrow"></i><span id="count_diff" style="font-size: 0.8em;"></span><span style="position: absolute; bottom: 2% ;right: 5%; font-size: 0.5em;"><i>Report upto: <span id="data_update_date1" style="font-size: 0.9em;"></span></i></span> </span> <span id="load">Loading...</span> </span> <div class="hide-on-med-and-up show-on-small"> <canvas id="line-chart_cnf" width="100%" height="100%"></canvas> </div><div class="hide-on-small-only show-on-med-and-up"> <canvas id="line-chart_cnf2" width="100%" height="100%"></canvas> </div></div></div></div><div class="col s12 m4 l4"> <div class="card grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content grey-text"> <span class="card-title"><b><span style="color: #eeeeee;">Recovered:</span> <span id="rec_no">loading..</span></b> <i class="tiny material-icons" id="daily_rec_arrow"></i><span id="count_diff_rec" style="font-size: 0.8em;"></span> <span style="position: absolute; bottom: 2% ;right: 5%; font-size: 0.5em;"><i>Report upto: <span id="data_update_date2" style="font-size: 0.9em;"></span></i></span> </span> <span id="load_rec">Loading...</span> </span> <div class="hide-on-med-and-up show-on-small"> <canvas id="line-chart_rec" width="100%" height="80%"></canvas> </div><div class="hide-on-small-only show-on-med-and-up"> <canvas id="line-chart_rec2" width="100%" height="100%"></canvas> </div></div></div></div><div class="col s12 m4 l4"> <div class="card grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content grey-text"> <span class="card-title"><b><span style="color: #eeeeee;">Deaths:</span> <span id="ded_no">loading..</span></b> <i class="tiny material-icons" id="daily_ded_arrow"></i><span id="count_diff_ded" style="font-size: 0.8em;"></span> <span style="position: absolute; bottom: 2% ;right: 5%; font-size: 0.5em;"><i>Report upto: <span id="data_update_date3" style="font-size: 0.9em;"></span></i></span> </span> <span id="load_ded">Loading...</span> </span> <div class="hide-on-med-and-up show-on-small"> <canvas id="line-chart_ded" width="100%" height="80%"></canvas> </div><div class="hide-on-small-only show-on-med-and-up"> <canvas id="line-chart_ded2" width="100%" height="100%"></canvas> </div></div></div></div><div class="col s12 m12 l12"> <div class="card grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content grey-text"> <span class="card-title"><b><span style="color: #eeeeee;">State-wise Report</span></b> <span style="position: absolute; bottom: 2%;right: 5%; font-size: 0.5em;"></span> </span> <span id="load_state">Loading...</span> </span> <div class="hide-on-med-and-up show-on-small"> <canvas id="line-chart_dedm" width="100%" height="220%"></canvas> </div><div class="hide-on-small-only show-on-med-and-up"> <canvas id="line-chart_dedm2" width="100%" height="40%"></canvas> </div></div></div></div></div><div class="row" style="margin-top: -5.5%; "> <div class="col s12 m4 l4"> <div class="card deep-purple darken-1 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="margin-top: -4%;">ICMR Report<span class="right" style="font-size: 0.4em; margin-top: 1%;">Updated at 9PM</span></span> <p>Total Samples Tested: <span id="icmr_samples"></span></p><p>Total Individuals Tested: <span id="icmr_individuals">N/A</span></p></div></div></div><div class="col s12 m4 l4"> <div class="card indigo darken-1 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="margin-top: -4%;">General Stats</span> <p>Recovery Rate: <span id="recovery_rate" style="color: #b2ebf2;"></span></p><p>Death Rate: <span id="death_rate" style="color: #ffcdd2 ;"></span></p></div></div></div><div class="col s12 m4 l4"> <div class="card light-blue darken-4 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="margin-top: -4%;">World Meter <span class="right" style="font-size: 0.4em;">Updated every 15 mins</span></span> <p>Confirmed Cases: <span id="cnf_world" style="color: #ffcdd2"></span></p><p>Recovered Cases: <span id="rec_world" style="color: #b2f2fa;"></span></p><p><span>Death Cases: <span style="color: #fca7b0;" id="ded_world"></span></span></p></div></div></div><!-- <div class="col s12 m12 l12"> <div class="card blue darken-4 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="margin-top: -4%;">World Report</span> <p>Total Cases: <span style="color: #b2ebf2 ;">1,851,011</span></p><p>No. of deaths: <span style="color: #ffcdd2 ;">114,098</span></p></div></div></div>--> </div><div class="row" style="margin-top: -6%; "> <div class="col s12 m12 l12"> <div class="card blue-grey darken-1 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title"> <center>Comparison of weekly COVID-19 cases with other countries</center> </span> <table class="centered highlight responsive-table" style="font-size: 0.7em;"> <thead> <tr> <th>Weeks</th> <th style="color: rgb(253, 104, 45);">INDIA</th> <th>USA</th> <th>FRANCE</th> <th>ITALY</th> <th>JAPAN</th> <th>IRAN</th> <th>SPAIN</th> <th>CHINA</th> </tr></thead> <tbody> <tr> <td>Week1</td><td>3</td><td>11</td><td>6</td><td>3</td><td>4</td><td>95</td><td>1</td><td>278</td></tr><tr> <td>Week2</td><td>3</td><td>13</td><td>6</td><td>3</td><td>20</td><td>2336</td><td>2</td><td>2761</td></tr><tr> <td>Week3</td><td>3</td><td>15</td><td>11</td><td>400</td><td>26</td><td>8042</td><td>2</td><td>17238</td></tr><tr> <td>Week4</td><td>3</td><td>53</td><td>12</td><td>3089</td><td>59</td><td>16169</td><td>25</td><td>40235</td></tr><tr> <td>Week5</td><td>34</td><td>108</td><td>38</td><td>12462</td><td>144</td><td>24811</td><td>257</td><td>70635</td></tr><tr> <td>Week6</td><td>101</td><td>696</td><td>420</td><td>31506</td><td>254</td><td>35408</td><td>2965</td><td>77262</td></tr><tr> <td>Week7</td><td>223</td><td>3536</td><td>2860</td><td>74386</td><td>488</td><td>55743</td><td>13716</td><td>80174</td></tr><tr> <td>Week8</td><td>724</td><td>51914</td><td>9043</td><td>92472</td><td>814</td><td>62589</td><td>78797</td><td>80904</td></tr><tr> <td>Week9</td><td>1112</td><td>103321</td><td>28786</td><td>124632</td><td>1089</td><td></td><td>130759</td><td>81077</td></tr><tr> <td>Week10</td><td>4125</td><td>122653</td><td>37145</td><td>147577</td><td>1693</td><td></td><td>152446</td><td>81601</td></tr><tr> <td>Week11</td><td>7447</td><td>273808</td><td>67757</td><td></td><td>3271</td><td></td><td></td><td>82351</td></tr><tr> <td>Week12</td><td>13387</td><td>395030</td><td>85351</td><td></td><td>6238</td><td></td><td></td><td>82930</td></tr><tr> <td>Week13</td><td></td><td>604070</td><td>107778</td><td></td><td>9167</td><td></td><td></td><td>83597</td></tr></tbody> </table> </div></div></div></div><div class="row show-on-small hide-on-med-and-up"> <div class="col s12"> <center><a href="https://paytm.com/helpinghand/pm-cares-fund" class="waves-effect waves-light btn z-depth-3 pink accent-3" style="border-radius: 5px;width: 70%;"><i class="material-icons right" style="margin-right: 2%;">local_hospital</i>Donate to pm cares fund</a></center> </div></div><footer class="page-footer grey darken-4"> <div class="footer-copyright grey darken-3 grey-text"> <div class="container"> <center>An initiative to find corona virus near you.</center> </div></div></footer> <script src="js/materialize.min.js"></script></body></html>