OK
https://nssac.bii.virginia.edu/covid-19/dashboard/
Iran
Country
AS44244
Network
September 15, 2021, 06:47 PM UTC
Date & Time
Websites
Websites
Runtime: 3.9s
On September 15, 2021, 06:47 PM UTC, https://nssac.bii.virginia.edu/covid-19/dashboard/ was accessible when tested on AS44244 in Iran.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
5.127.128.5
Query:
IN A nssac.bii.virginia.edu
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
128.143.223.129

TCP Connections

Connection to 128.143.223.129:443 succeeded.

HTTP Requests

URL
GET https://nssac.bii.virginia.edu/covid-19/dashboard/
Response Headers
Accept-Ranges:
bytes
Cache-Control:
max-age=1800
Connection:
keep-alive
Content-Length:
48593
Content-Type:
text/html
Date:
Wed, 15 Sep 2021 06:55:03 GMT
Etag:
"6104411e-bdd1"
Last-Modified:
Fri, 30 Jul 2021 18:12:46 GMT
Server:
nginx/1.12.2
Response Body
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8 />
  <meta name=" description"
    content="A dashboard for 2019 Novel Coronavirus (COVID-19) surveillance data. Time slider provides a different perspective. Supports interactive heatmap, data query and download.">
  <meta name="keywords"
    content="covid dashboard, covid-19 dashboard, COVID-19, surveillance data, cases, deaths, estimated recovered, download, USA County, heatmap">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@uva_bi" />
  <meta name="twitter:creator" content="@uva_bi" />
  <meta property="og:url" content="https://nssac.bii.virginia.edu/covid-19/dashboard" />
  <meta property="og:title" content="COVID-19 Surveillance Dashboard" />
  <meta property="og:description" content="." />
  <meta property="og:image" content="https://nssac.bii.virginia.edu/covid-19/dashboard/uva_dashboard.jpg" />
  <title>COVID-19 Surveillance Dashboard</title>
  <link rel="icon" sizes="16x16 32x32" href="images/favicon.ico">
  <!-- <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/dojo/dijit/themes/tundra/tundra.css"> -->
  <link rel="stylesheet" href="https://js.arcgis.com/3.35/dijit/themes/claro/claro.css">
  <link rel="stylesheet" href="https://js.arcgis.com/3.35/dojox/form/resources/RangeSlider.css">
  <link rel="stylesheet" href="https://js.arcgis.com/3.35/esri/css/esri.css" />
  <link rel="stylesheet" href="css/layout.css" />
  <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css">
  <link rel="stylesheet" type="text/css" href="css/buttons.dataTables.min.css">
  <link rel="stylesheet" type="text/css" href="css/normalize.css" />
  <link rel="stylesheet" type="text/css" href="css/datepicker.css" />

  <!-- local css to layout -->
  <link rel="stylesheet" href="css/layout-local.css" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-157531028-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-157531028-1');
  </script>


  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.8/jquery.csv.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
    crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="https://cdn.datatables.net/v/dt/dt-1.10.20/b-1.6.1/b-html5-1.6.1/datatables.min.js"></script>
  <script defer src="https://js.arcgis.com/3.35/"></script>
  <script defer type="text/javascript" src="scripts/globals.js"></script>
  <script defer type="text/javascript" src="scripts/main.js"></script>
  <script defer type="text/javascript" src="scripts/csvDataStore.js"></script>
  <script defer type="text/javascript" src="scripts/events.js"></script>
  <script defer type="text/javascript" src="scripts/analytics.js"></script>
  <script defer type="text/javascript" src="scripts/chart.js"></script>
  <script defer type="text/javascript" src="scripts/dataTable.js"></script>

  <script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
  <script defer src="https://www.amcharts.com/lib/4/core.js"></script>
  <script defer src="https://www.amcharts.com/lib/4/charts.js"></script>
  <script defer src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
  <script defer src="https://www.amcharts.com/lib/4/themes/dark.js"></script>

  <script defer src="js/amchart_linechart.js"></script>
  <script defer src="js/amchart_barchart.js"></script>
  <script defer src="js/amchart_analytics_barchart.js"></script>
  <script defer src="js/autocomplete.js"></script>

  <script async defer crossorigin="anonymous"
    src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0"></script>
  <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
</head>

<body class="claro" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline',gutters:false">
  <div class="loading">Loading&#8230;</div>
  <div class="container-fluid">
    <div class="row header" style="border-bottom: 1px solid black;">
      <div class="w-100 navbar-header mt-2 d-none justify-content-between d-md-flex">
        <div class="d-flex" style="margin-bottom: 0.2rem;">
          <a href="https://biocomplexity.virginia.edu/" target="_blank">
            <img src="images/logos/bii_logo_v5-01.png" class="img-fluid" style="height: 4rem;" alt="BII@UVA">
          </a>
          <div class="nav navbar-left d-none d-md-flex headerSection">
            <div class="d-flex">COVID-19 Surveillance Dashboard</div>
            <div style="font-size: 0.5em;color: #ffbc3e;margin-top: 1.1rem;margin-left: 5px;">1.6.1</div>
          </div>
        </div>
        <div class="d-flex announcement"><a style="color: #ffbc3e" target="_blank">
          Vaccine Data Available Now</a>
        </div>
        <div class="d-flex align-items-center">
          <div class="icon-bar d-sm-none d-md-flex align-items-center">
            <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnssac.bii.virginia.edu%2Fcovid-19%2Fdashboard%2F&amp;src=sdkpreparse"
              target="_blank" class="icon-link round-corner facebook fill mr-2"><i class="fa fa-facebook"></i>
            </a>
            <a class="icon-link round-corner twitter fill mr-2"
              href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flocalhost%3A8080%2Fmaster%2Findex.html&ref_src=twsrc%5Etfw&text=Check%20out%20this%20%23covid19%20dashboard%20by%20%40UVA_BI%20which%20has%20a%20time%20slider.%20Search%20is%20easy%3A%20click%20on%20Data%20icon%20and%20type%20something.&tw_p=tweetbutton&url=https%3A%2F%2Fnssac.bii.virginia.edu%2Fcovid-19%2Fdashboard%2F"
              data-url="https://nssac.bii.virginia.edu/covid-19/dashboard/" data-show-count="false"
              data-text="Check out this #covid19 dashboard by @UVA_BI which has a time slider. Search is easy: click on Data icon and type something."
              target="_blank">
              <i class="fa fa-twitter"></i>
            </a>
            <a class="icon-link round-corner linkedin fill mr-2"
              href="https://www.linkedin.com/login?fromSignIn=true&trk=guest_homepage-basic_nav-header-signin"
              data-url="https://nssac.bii.virginia.edu/covid-19/dashboard/" target="_blank">
              <i class="fa fa-linkedin"></i>
            </a>
          </div>
          <button type="button" class="btn video-btn d-inline-flex moreOptionDropDown" style="vertical-align: top !important;">
            <div class="moreOptions mr-2">More Options</div>
            <i class="fa fa-bars hamburgerIcon hamburgerIconMobile" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
          </button>
        </div>
      </div>

      <div class="w-100 navbar-header mt-3 mb-2 d-md-none d-flex justify-content-between" style="border-bottom: 2px solid #595959;">
        <div class="d-flex" style="margin-bottom: 0.2rem;width: 92%;">
          <a href="https://biocomplexity.virginia.edu/" target="_blank">
            <img src="images/favicon.ico" sizes="16x16 32x32" class="img-fluid" style="height: 2rem;" alt="BII@UVA">
          </a>
          <div class="headerText" style="color: #ddd;font-size: 1.2rem;margin-left: 0.3rem;">
            COVID-19 Surveillance Dashboard<span style="font-size: 0.7em;color: #ffbc3e;margin-top: 1.1rem;margin-left: 5px;">1.6.1</span>
          </div>
        </div>
        <div>
          <i class="fa fa-bars hamburgerIcon hamburgerIconMobile" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
        </div>
      </div>

      <div class="w-100 d-none d-md-flex justify-content-between" style="padding-bottom: 0px;">
        <div class="btn-toolbar d-md-flex justify-content-left w-100" role="toolbar" aria-label="Toolbar with button groups">
          <div class="btn-group d-block datePanel" role="group" aria-label="Third group">
            <div class="form-inline form-group">
              <div class="form-group" style="width: 140px;">
                <div class="input-group">
                  <input type="text" placeholder="mm-dd-yyyy" style="border-radius: 5px !important;" class="form-control datepicker" name="sample-date" />
                  <div class="text-center calenderIcon" title="Select date" data-toggle="datepicker" data-target-name="sample-date">
                    <i class="fa fa-calendar fa-2x" style="font-size: 1.5em;"></i>
                  </div>
                </div>
              </div>
              <div class="d-none d-md-flex" style="margin-left: -10px;margin-right: 5px;">
                  <select class="regionSelector custom-select region-select"></select>
              </div>
              <div class="d-none d-md-flex extraButtons downloadAll" style="margin-left: 2px;">
                <a href="data/nssac-ncov-data-all.zip" target="_blank" class="icon-link round-corner facebook fill" style="width: 115px;height: 27px;line-height: 25px;display: flex;">
                  <i class="fa fa-download" style="line-height: 28px;font-size: 15px;margin-left: 6px;"></i>
                  <span style="color: white;padding-left: 5px;">Download All</span>
                </a>
              </div>
	           <div class="d-none d-md-flex ml-1 extraButtons">
                <a href="https://nssac.github.io/covid-19/dashboard/#faq" target="_blank"
                  class="icon-link round-corner facebook fill"
                  style="width: 59px;height: 27px;line-height: 25px;display: flex;">
                  <i class="fa fa-question-circle" style="line-height: 28px;font-size: 15px;margin-left: 6px;"></i>
                  <span style="color: white;padding-left: 5px;">FAQ</span>
                </a>
              </div>
            </div>
          </div>

          <div class="d-flex justify-content-left" style="padding-bottom: 0px;">
            <div class="switch switch-yellow" style="margin-right: 10px;">
              <input type="radio" class="switch-input testingDataFilter" name="view3" value="Cases" id="cases" checked>
              <label for="cases" class="switch-label switch-label-off">Cases</label>
              <!-- <input type="radio" class="switch-input testingDataFilter" name="view3" value="Tests" id="tests">
              <label for="tests" class="switch-label switch-label-on">Tests</label> -->
              <input type="radio" style="outline: none;" class="switch-input testingDataFilter" name="view3" value="Vaccine" id="vaccine">
              <label for="vaccine" style="outline: none;" class="switch-label switch-label-on">Vaccine</label>
              <span class="switch-selection switch-header" style="outline: none;"></span>
            </div>

            <div id="renderField" class="btn-group d-block" role="group" aria-label="First group">
              <button type="button" title="Render map as Est.Active" value="8" class="btn activeBtn renderField">Est.Active</button>
              <button type="button" title="Render map as Confirmed" value="2" class="btn confirmBtn disabled renderField">Confirmed</button>
              <button type="button" title="Render map as Deaths" value="4" class="btn deathBtn disabled renderField">Deaths</button>
              <button type="button" title="Render map as Est.Recovered" value="6" class="btn recoveredBtn disabled renderField">Est.Recovered</button>
            </div>

            <div id="renderTestDataField" class="btn-group d-none" role="group" aria-label="First group">
              <button type="button" title="Render map as Positive" value="3" class="btn positiveBtn renderTestDataField">Positive</button>
              <button type="button" title="Render map as Positive Rate(%)" value="6" class="btn positiveRateBtn disabled renderTestDataField">Positive Rate (%)</button>
              <button type="button" title="Render map as Total" value="5" class="btn totalBtn disabled renderTestDataField">Total Tests</button>
            </div>

            <div id="renderVaccineDataField" class="btn-group d-none" role="group" aria-label="First group">
              <button type="button" title="Render map as Doses Administered" value="2" class="btn administeredBtn renderVaccineDataField">Administered</button>
              <!-- <button type="button" title="Render map as Doses Distributed" value="5" class="btn distributedBtn disabled renderVaccineDataField">Distributed</button> -->
              <button type="button" title="Render map as People Vaccinated" value="3" class="btn peopleVaccinatedBtn disabled renderVaccineDataField">People Vaccinated</button>
              <button type="button" title="Render map as People Fully Vaccinated" value="4" class="btn peopleFullyVaccinatedBtn disabled renderVaccineDataField">People Fully Vaccinated</button>
            </div>
          </div>
          </div>
        </div>
      </div>

      <div class="w-100 d-md-none d-sm-flex" style="margin-bottom: 5px;">
        <div class="btn-toolbar w-100 justify-content-between" style="flex:1;" role="toolbar" aria-label="Toolbar with button groups">
          <div class="d-md-none d-sm-flex mt-1 btn-group d-block" role="group" aria-label="Date group">
            <div class="form-inline form-group">
              <div class="form-group d-flex justify-content-between">
                <div class="input-group">
                  <input type="text" placeholder="mm-dd-yyyy" style="width: 115px;border-radius: 5px !important;" class="form-control datepicker" name="sample-date-1" />
                  <div class="text-center calenderIcon" data-toggle="datepicker" data-target-name="sample-date-1">
                    <i class="fa fa-calendar fa-2x" style="font-size: 1.3em;"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="btn-group" role="group" aria-label="Second group">
            <div class="d-md-none d-sm-flex" style="margin-right: 3px;">
              <a href="data/nssac-ncov-data-all.zip" target="_blank" class="icon-link round-corner facebook fill" style="width: 29px;height: 27px;line-height: 25px;display: flex;">
                <i class="fa fa-download" style="line-height: 28px;font-size: 16px;margin-left: 8px;"></i>
              </a>
            </div>
            <div class="d-md-none d-sm-flex">
              <a href="https://nssac.github.io/covid-19/dashboard/#faq" target="_blank"
                class="icon-link round-corner facebook fill"
                style="width: 29px;height: 27px;line-height: 25px;display: flex;">
                <i class="fa fa-question-circle" style="line-height: 28px;font-size: 16px;margin-left: 8px;"></i>
              </a>
            </div>
          </div>

          <div class="btn-group d-block" role="group" aria-label="Third group">
            <button type="button" id="mapView" value="map" class="btn btn-primary toggleView">Map</button>
            <button type="button" id="chartView" value="charts" class="btn btn-primary disabled toggleView">Data</button>
          </div>

          <div class="switch-mobile switch-yellow">
            <input type="radio" class="switch-input testingDataMobileFilter" name="view4" value="Cases" id="casesMobile" checked>
            <label for="casesMobile" class="switch-label switch-label-off">Cases</label>
            <!-- <input type="radio" class="switch-input testingDataMobileFilter" name="view4" value="Tests" id="testsMobile">
            <label for="testsMobile" class="switch-label switch-label-on">Tests</label> -->
            <input type="radio" class="switch-input testingDataMobileFilter" name="view4" value="Vaccine" id="vaccineMobile">
            <label for="vaccineMobile" class="switch-label switch-label-on">Vaccine</label>
            <span class="switch-selection switch-header"></span>
          </div>

          <div class="d-md-none d-sm-flex regionSelectDiv" style="margin-right: 5px;">        
            <select class="regionSelector custom-select my-select">
              <option>Select Region</option>
            </select>
          </div>
        </div>
      </div>


    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <button type="button" class="close closeButton" data-dismiss="modal" aria-label="Close">
              <div style="font-size: 1.3rem !important;" aria-hidden="true">&times;</div>
            </button>
            <!-- 16:9 aspect ratio -->
            <div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="" id="video" allowscriptaccess="always" allow="autoplay" allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </div>
    </div>

  <div class="row">
    <div class="wrapper">
      <aside id="resizable" class="sidebar-left movable-div bottom-0 left-0 animated">
        <div class="leftPane graphContainer">
          <div id="infoGraph" style="direction: ltr;"></div>
          <div id="summaryInfoGraph" style="direction: ltr;" class="mt-2"></div>
          <div style="box-shadow: 0 0 5px #a5a0a0;direction: ltr;">
            <div class="newFeatures">
                Notices:
                <a href="https://nssac.github.io/covid-19/dashboard/#02102021" target="_blank">Vaccine Data Available</a> |
                <a href="https://nssac.github.io/covid-19/dashboard/#01022021" target="_blank">Change on USA Data Sources</a><br>
                Tutorials:
                <a href="https://youtu.be/mzpcXrxW9o4" target="_blank">USA county</a> |
                <a href="https://youtu.be/VbEnD_CIJaY" target="_blank">Query and filter</a> |
                <a href="https://youtu.be/qETrSyb3n2g" target="_blank">Advanced click</a> |
                <a href="https://nssac.github.io/covid-19/dashboard/#tutorials" target="_blank">more</a>
            </div>
          </div>
          <div style="direction: ltr;">
            <nav class="nav-tab">
              <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                <a class="nav-item nav-link spatioAnalysis d-none" id="spatioAnalysis" value="analyticsView" data-toggle="tab" href="#nav-spatio"
                  role="tab" aria-controls="nav-profile" aria-selected="false">Spatial Temporal</a>
                <a class="nav-item nav-link" id="analyticsView" value="analyticsView" data-toggle="tab" href="#nav-analytics"
                  role="tab" aria-controls="nav-profile" aria-selected="false">Analytics</a>
                <a class="nav-item nav-link chartTab active" value="garphs" data-toggle="tab" href="#nav-chart" role="tab"
                  aria-controls="nav-home" aria-selected="true">Chart</a>
                <a class="nav-item nav-link" id="dataViewToggle" value="dataView" data-toggle="tab" href="#nav-data"
                  role="tab" aria-controls="nav-profile" aria-selected="false">Data</a>
              </div>
            </nav>

            <div class="tab-content" id="nav-tabContent">
              <div class="tab-pane fade show active" id="nav-chart" role="tabpanel" aria-labelledby="nav-chart-tab">
                <div class="w-100" style="box-shadow: 0 0 5px #a5a0a0;">
                  <!-- Default switch -->
                  <div class="d-flex justify-content-start chartPanel">
                    <!-- <label class="d-xl-flex align-items-center d-none mt-2 ml-1"> Chart : &nbsp;</label> -->

                    <div class="d-none justify-content-start chartFilterSingleRegion" style="height: 30px; margin-top: 10px;">
                      <select id="chartFilter" class="chartFilter topKSelect custom-select">
                        <option value="1" style="background-color: white;">Last 30 days</option>
                        <option value="2" style="background-color: white;">Since 1,000 Confirmed</option>
                        <option value="3" style="background-color: white;">Since 1,000 Deaths</option>
                        <option value="4" style="background-color: white;">Since 1,000 Est.Rec</option>
                        <option value="5" style="background-color: white;">Since 1,000 Est.Active</option>
                        <option value="6" style="background-color: white;">All dates</option>
                      </select>
                    </div>

                    <!-- Toggle for World and Top K Countries-->
                    <div class="d-flex align-items-center justify-content-start mr-auto chartOptionsDiv" style="margin-left: 5px;">
                      <div class="d-none">
                        <input id="worldTopKChartToggle" type="checkbox" checked data-toggle="toggle" data-off="Top K"
                            data-on="World" data-onstyle="success" data-offstyle="danger"/>
                      </div>
                      <div class="d-flex ml-2 chartFilterOption">
                        <select id="chartFilter" class="chartFilter topKSelect custom-select">
                          <option value="1" style="background-color: white;">Last 30 days</option>
                          <option value="2" style="background-color: white;">Since 1,000 Confirmed</option>
                          <option value="3" style="background-color: white;">Since 1,000 Deaths</option>
                          <option value="4" style="background-color: white;">Since 1,000 Est.Rec</option>
                          <option value="5" style="background-color: white;">Since 1,000 Est.Active</option>
                          <option value="6" style="background-color: white;">All dates</option>
                        </select>
                      </div>

                      <div class="topKOptionDiv d-none">
                        <!-- Desktop View -->
                        <div class="d-flex ml-2" style="height: 30px; width: 70px;">
                          <select class="topCountriesOption topKSelect custom-select">
                            <option value=5 selected style="background-color: white;">Top 5</option>
                            <option value=10 style="background-color: white;">Top 10</option>
                            <option value=15 style="background-color: white;">Top 15</option>
                            <option value=20 style="background-color: white;">Top 20</option>
                          </select>
                        </div>

                        <div class="d-lg-flex d-none ml-2" style="height: 30px; width: 115px;">
                          <select class="typeOfLineData topKSelect custom-select">
                            <option value="Est.Active" style="background-color: white;">Est.Active</option>
                            <option value="Confirmed" selected style="background-color: white;">Confirmed</option>
                            <option value="Deaths" style="background-color: white;">Deaths</option>
                            <option value="Est.Recovered" style="background-color: white;">Est.Recovered</option>
                          </select>
                        </div>
                      </div>
                    </div>

                    <div class="d-flex justify-content-end ml-auto p-2">
                      <span id="tooltipChart" class="mt-1"><img class="tooltip-img" src="images/info-help.png"
                          alt="Help"></span>
                      <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'tooltipChart',position:['below']">
                        <div class="tooltip-txt pb-2">Click on 'Type' to toggle between viewing cumulative or daily rates.
                          <br>Click on legend to toggle an attribute (Confirmed, Deaths).
                          <br>Drag the mouse to select date ranges.</div>
                      </div>
                      <label class="d-xl-flex d-none mt-2"> Type : &nbsp;</label>
                      <input id="chartToggle" type="checkbox" checked data-toggle="toggle" data-off="Cumulative"
                        data-on="Daily" data-onstyle="success" data-offstyle="danger" />
                    </div>

                  </div>

                  <div class="d-lg-none d-none topKOptionDiv pl-2 pr-2 btn-group" id="renderMobileField" role="group"
                    aria-label="First group">
                    <button type="button" value="Est.Active"
                      class="btn activeMobileBtn topKMobileOptionBtn disabled mr-2 p-1">Est.Active</button>
                    <button type="button" value="Confirmed"
                      class="btn confirmMobileBtn topKMobileOptionBtn mr-2 p-1">Confirmed</button>
                    <button type="button" value="Deaths"
                      class="btn deathMobileBtn disabled topKMobileOptionBtn mr-2 p-1">Deaths</button>
                    <button type="button" value="Est.Recovered"
                      class="btn recoveredMobileBtn disabled topKMobileOptionBtn p-1">Est.Recovered</button>
                  </div>

                  <div id="chartdiv" class="d-flex"></div>
                </div>
              </div>
              <div class="tab-pane fade" id="nav-data" role="tabpanel" aria-labelledby="nav-data-tab">
                <div id="info"></div>
                <div id="queryWrapper" class="d-flex">
                  <div class="queryLabel">Query</div> <span id="tooltipDataTable"><img class="tooltip-img"
                      src="images/info-help.png" alt="Help"></span>
                  <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'tooltipDataTable',position:['below']">
                    <div class="tooltip-txt pb-2">You can query the data in two ways:
                      <div class="tooltip-txt">1. Fill in a list of comma-separated place name, click on "QUERY" button or
                        press
                        <b>enter key</b>.
                        A place name can be a state/county name in the USA, a province-level name for China and the country
                        name for
                        the other countries.
                        The query tool is case-insensitive and supports substring.</div>
                      <div class="tooltip-txt">2. Click on the map while holding down the <b>ctrl key</b> (<b>command
                          key</b> in
                        Mac OS)
                        to manually select regions. Hold the <b>shift key</b> while clicking on a selected region to remove
                        it
                        from the query.</div>
                      <div class="tooltip-txt">Click on "Reset" button to reset everything to the default display.</div>
                    </div>
                  </div>

                  <div class="w-100 d-flex">
                    <div class="input-group">
                      <input id="queryByName" type="text" class="form-control" placeholder="Query by comma separated names">
                      <div class="input-group-append">
                        <div id="queryRegion" style="margin-left: 4px; cursor: pointer;">
                          <a target="_blank" class="icon-link round-corner facebook fill"
                            style="width: auto;height: 27px;padding-right: 5px;line-height: 25px;display: flex;">
                            <span style="color: white;padding-left: 5px;">Query</span>
                          </a>
                        </div>

                        <div id="resetToDefault" style="cursor: pointer;" title="Clear Query">
                          <a target="_blank" class="icon-link round-corner facebook fill"
                            style="width: auto;height: 27px;padding-right: 5px;line-height: 25px;display: flex;">
                            <span style="color: white;padding-left: 5px;">Reset</span>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="dataTableWrapper" class="mt-3">
                  <div id="dataTable"></div>
                </div>
                <br>

                <div id="supportInfoWrapper">
                    <p>Data Sources:
                    <a href="https://github.com/nytimes/covid-19-data" target="_blank">The New York Times</a>,
                    <a href="https://usafacts.org/visualizations/coronavirus-covid-19-spread-map/" target="_blank">USAFacts</a>,
                    <a href="https://covidtracking.com/data" target="_blank">The COVID Tracking Project</a>,
                    <a href="https://covid19.who.int/" target="_blank">WHO</a>,
                    <a href="https://en.wikipedia.org/wiki/Template:COVID-19_pandemic_data" target="_blank">Wikipedia</a>,
                    <a href="https://www.mohfw.gov.in/" target="_blank">mohfw</a>,
                    <a href="https://www.covid19india.org/" target="_blank">covid19india</a>,
                    <a href="https://www.canada.ca/en/public-health/services/diseases/2019-novel-coronavirus-infection.html?topic=tilelink" target="_blank">Canada</a>,
                    <a href="https://covid19.gov.gr/" target="_blank">Greece</a>,
                    <a href="https://ourworldindata.org/covid-vaccinations" target="_blank">Our World in Data</a>,
                    <a href="https://github.com/CSSEGISandData/COVID-19" target="_blank">JHU</a>,
                    <a href="https://www.adci.com/adc-worldmap/" target="_blank">ADCi</a>,
                    <a href="https://www.esri.com/en-us/home" target="_blank">ESRI</a>.
                </div>
                <div id="displayOption" class="d-none"></div>
              </div>
              <div class="tab-pane fade" id="nav-analytics" role="tabpanel" aria-labelledby="nav-analytics-tab">
                <div class="w-100" style="box-shadow: 0 0 5px #a5a0a0;">
                 
                  <!-- Default switch -->
                  <div class="d-flex justify-content-start chartPanel">
                    <div class="w-100 d-flex justify-content-start ml-auto p-2">
                      <div class="analyticsLabel">Analytics</div> <span id="tooltipAnalyticeDataTable"><img class="tooltip-img"
                        src="images/info-help.png" alt="Help"></span>
                      <div data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'tooltipAnalyticeDataTable',position:['below']">
                        <div class="tooltip-txt pb-2"> To run analytics, type a query/question into the provided textbox.
                          <div class="tooltip-txt"> then click on the <b>"Analyze"</b> button or press the <b>enter key</b> to see the result.Typically, you should include: <br/>
                            1. A measure, i.e. <b>count, top, bottom, highest, lowest, greater than, or less than</b>. When a measure is not provided, it uses <b>count</b> as the default.</br>
                            2. An attribute, i.e.<b>confirmed, est. active, est. recovered or deaths.</b></br>
                            3. A location, i.e. <b>country name, state name and county name.</b></br></br>
                            <b>Some examples you can query are: </b><br/>
                            1. top 5 confirmed countries.<br/>
                            2. Active cases in Virginia.<br/>
                            3. bottom 5 deaths in United States.<br/>
                            4. Montgomery Virginia.<br/>
                            5. Active cases greater than 1000 in Alabama.<br/>
                            6. total deaths in Canada.<br/>
                            7. recovered cases above 10000 in India.<br/>
                            8. deaths lower than 300 in the Texas.<br/>
                            9.lowest recovered in Italy.<br/>
                            10.highest active in USA.<br/>
                            11.greater than spain.<br/>
                            The Analytics tool is case-insensitive and supports substring.</div>
                          <div class="tooltip-txt">Click on <b>"Reset"</b> button to reset everything to the default top 5 confirmed countries.</div>
                        </div>
                      </div>
  
                      <div class="input-group">
                        <div class="autocomplete" style="width:72%;">
                          <input id="analyzeUserInput" type="text" class="form-control" placeholder="Type here to see Analytics">
                        </div>

                        <div class="input-group-append">
                          <div id="analyze" style="margin-left: 4px; cursor: pointer;">
                            <a target="_blank" class="icon-link round-corner facebook fill"
                              style="width: auto;height: 27px;padding-right: 5px;line-height: 25px;display: flex;">
                              <span style="color: white;padding-left: 5px;">Analyze</span>
                            </a>
                          </div>

                          <div id="resetAnalytics" style="cursor: pointer;" title="Clear Analytics">
                            <a target="_blank" class="icon-link round-corner facebook fill"
                              style="width: auto;height: 27px;padding-right: 5px;line-height: 25px;display: flex;">
                              <span style="color: white;padding-left: 5px;">Reset</span>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>

                  </div>

                  <div class="d-lg-none d-none topKOptionDiv pl-2 pr-2 btn-group" id="renderMobileField" role="group"
                    aria-label="First group">
                    <button type="button" value="Est.Active"
                      class="btn activeMobileBtn topKMobileOptionBtn disabled mr-2 p-1">Est.Active</button>
                    <button type="button" value="Confirmed"
                      class="btn confirmMobileBtn topKMobileOptionBtn mr-2 p-1">Confirmed</button>
                    <button type="button" value="Deaths"
                      class="btn deathMobileBtn disabled topKMobileOptionBtn mr-2 p-1">Deaths</button>
                    <button type="button" value="Est.Recovered"
                      class="btn recoveredMobileBtn disabled topKMobileOptionBtn p-1">Est.Recovered</button>
                  </div>


                  <div id="chartAnalyticsDiv"></div>
                  <div id="htmlAnalyticsDiv" style="padding-bottom:5px;"></div>

                </div>
                
              </div>
              <div class="tab-pane fade" id="nav-spatio" role="tabpanel" aria-labelledby="nav-spatio-tab">
                <div class="d-flex ml-2 mb-2 chartFilterOption">
                  <select id="spatioFilter" class="topKSelect">
                    <option value="USA" style="background-color: white;">All Regions - USA</option>
                    <option value="USA_1" style="background-color: white;">Region 1 - Boston</option>
                    <option value="USA_2" style="background-color: white;">Region 2 - New York</option>
                    <option value="USA_3" style="background-color: white;">Region 3 - Philadelphia</option>
                    <option value="USA_4" style="background-color: white;">Region 4 - Atlanta</option>
                    <option value="USA_5" style="background-color: white;">Region 5 - Chicago</option>
                    <option value="USA_6" style="background-color: white;">Region 6 - Dallas</option>
                    <option value="USA_7" style="background-color: white;">Region 7 - Kansas City</option>
                    <option value="USA_8" style="background-color: white;">Region 8 - Denver</option>
                    <option value="USA_9" style="background-color: white;">Region 9 - San Francisco</option>
                    <option value="USA_10" style="background-color: white;">Region 10 - Seattle</option>
                  </select>
                  <select id="spatioStateFilter" class="topKSelect ml-3">
                    <option selected value="us_state_default" style="background-color: white;">Select USA State</option>
                  </select>
                </div>
                <div class="w-100" style="box-shadow: 0 0 5px #a5a0a0;margin-bottom: 5px;">
                  <div class="embed-responsive embed-responsive-16by9">
                    <iframe id="spatio_images_div" class="embed-responsive-item" src="data/uidata/spatio_images/USA_Texas.mp4"></iframe>
                  </div>
                </div>
              </div>
            </div>
            <!-- Copyright -->
			<div class="footer">
			<div class="icon-bar d-sm-block d-md-none">
			<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fnssac.bii.virginia.edu%2Fcovid-19%2Fdashboard%2F&amp;src=sdkpreparse"
			  target="_blank" class="icon-link round-corner facebook fill"><i class="fa fa-facebook"></i></a>
			<a class="icon-link round-corner twitter fill"
			  href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flocalhost%3A8080%2Fmaster%2Findex.html&ref_src=twsrc%5Etfw&text=Check%20out%20this%20%23covid19%20dashboard%20by%20%40UVA_BI%20which%20has%20a%20time%20slider.%20Search%20is%20easy%3A%20click%20on%20Data%20icon%20and%20type%20something.&tw_p=tweetbutton&url=https%3A%2F%2Fnssac.bii.virginia.edu%2Fcovid-19%2Fdashboard%2F"
			  data-url="http://nssac.bii.virginia.edu/covid-19/dashboard/" data-show-count="false"
			  data-text="Check out this #covid19 dashboard by @UVA_BI which has data and chart for each country. For USA, County level data is available."
			  target="_blank"><i class="fa fa-twitter"></i></a>
			<a href="https://www.linkedin.com/login?fromSignIn=true&trk=guest_homepage-basic_nav-header-signin"
			  data-url="https://nssac.bii.virginia.edu/covid-19/dashboard/" target="_blank"
			  class="icon-link round-corner linkedin fill"><i class="fa fa-linkedin"></i></a>
			</div>
		
			<div id="copyright">Copyright &copy; 2021, UVA; ALL RIGHTS RESERVED. THE CONTENTS OF THIS DASHBOARD--INCLUDING DATA, MAPS, AND PLOTS--IS PROVIDED TO THE PUBLIC SOLELY FOR RESEARCH AND ACADEMIC PURPOSES. UVA PROVIDES NO WARRANTIES, CLAIMS OR REPRESENTATIONS&ndash;WHETHER EXPRESS, IMPLIED, OR STATUTORY&ndash;WITH RESPECT TO THIS DASHBOARD, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF QUALITY, PERFORMANCE, NON&ndash;INFRINGEMENT, MERCHANTABILITY, ACCURACY, ADEQUACY, VALIDITY, RELIABILITY, COMPLETENESS, OR FITNESS FOR A PARTICULAR PURPOSE, AND DISAVOWS ANY REPRESENTATIONS OR WARRANTIES CREATED BY COURSE OF DEALING, COURSE OF PERFORMANCE, TRADE USAGE OR OTHERWISE. UNDER NO CIRCUMSTANCES WILL UVA HAVE ANY LIABILITY FOR ANY LOSS OR DAMAGE INCURRED AS A RESULT OF THE USE OF THIS DASHBOARD OR RELIANCE ON ANY INFORMATION PROVIDED HEREIN. THIS DASHBOARD MAY INCORPORATE DATA OR OTHER CONTENT BELONGING TO OR ORIGINATING FROM THIRD PARTIES. WE DO NOT WARRANT, ENDORSE, GUARANTEE, OR ASSUME RESPONSIBILITY FOR THE ACCURACY OR RELIABILITY OF ANY THIRD-PARTY INFORMATION.</div>
			</div>
			<!-- Copyright -->
      </div>
        </div>
        <div class="draghandle d-none d-md-flex">
          <div class="draghandleThumb"></div>
        </div>
      </aside>
      <div id="mainArea" class="content marginLeft d-flex flex-column mainArea position">
        <div class="mapContainer">
          <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'">
            <div id="bottomPanel">
              <div id="timeInfo">
                <div id="casesDate"><span id="daterange"></span>
                  &nbsp;&nbsp;<span id="selectedDate"></span>
                </div>
                <div id="vaccineDate"><span id="vaccineDateRange"></span>
                  &nbsp;&nbsp;<span id="selectedVaccineDate"></span>
                </div>
                <div id="timeSliderDiv"></div>
                <div id="timeSliderVaccineDiv"></div>
              </div>
            </div>

            <div class="w-100">
              <div class="d-flex justify-content-between customZoomButtons">
                <div id="customZoom" class="customZoom d-flex">
                  <select id="mapDataFilter" class="d-md-none d-sm-flex chartFilter mapDataSelect custom-select">
                    <option value="2" style="background-color: white;" selected>Confirmed</option>
                    <option value="4" style="background-color: white;">Deaths</option>
                    <option value="6" style="background-color: white;">Est.Recovered</option>
                    <option value="8" style="background-color: white;">Est.Active</option>
                  </select>
                  <select id="mapTestDataFilter" style="margin-left: 20px;" class="d-none d-md-none chartFilter mapDataSelect custom-select">
                    <option value="3" style="background-color: white;" selected>Positive</option>
                    <option value="6" style="background-color: white;">Positive Rate (%)</option>
                    <option value="5" style="background-color: white;">Total Tests</option>
                  </select> 
                  <select id="mapVaccineDataFilter" style="margin-left: 20px;" class="d-none d-md-none chartFilter mapDataSelect custom-select">
                    <option value="2" style="background-color: white;" selected>Administered</option>
                    <option value="3" style="background-color: white;">People Vaccinated</option>
                    <option value="4" style="background-color: white;">People Fully Vaccinated</option>
                  </select>   
                  <button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to Africa'">AF</button>
                  <button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to Asia'">AS</button>
                  <button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to Europe'">EU</button>
                  <button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to N. America'">NA</button>
                  <br><button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to Oceania'">OC</button>
                  <button class="mapButtons d-none d-md-flex" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to S. America'">SA</button>
                  <button class="mapButtons resetDefault" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to default and reset'">Reset</button>
                  <button class="mapButtons resetDefaultVaccine" data-dojo-type="dijit/form/Button" data-dojo-props="title:'Zoom to default and reset'">Reset</button>
                </div>

                <div class="d-md-flex d-none justify-content-right filterSwitch" style="z-index: 30;">
                  <div class="switch-map switch-map-yellow filterswitch1">
                    <input type="radio" class="switch-input populationFilter" name="populationFilter" value="counts" id="counts" checked>
                    <label for="counts" class="switch-map-label switch-label-off">Counts</label>
                    <input type="radio" class="switch-input populationFilter" name="populationFilter" value="per100K" id="per100kPopulation">
                    <label for="per100kPopulation" class="switch-map-label switch-label-on">Per 100K</label>
                    <span class="switch-map-selection switch-selection"></span>
                  </div>

                  <div class="switch-map switch-map-yellow onoffswitch1">
                    <input type="radio" class="switch-input worldCountySwitch" name="worldCountySwitch" value="World" id="world" checked>
                    <label for="world" class="switch-map-label switch-label-off">World</label>
                    <input type="radio" class="switch-input worldCountySwitch" name="worldCountySwitch" value="County" id="county">
                    <label for="county" class="switch-map-label switch-label-on">County</label>
                    <span class="switch-map-selection switch-selection"></span>
                  </div>

                </div>

                <div class="d-flex d-md-none justify-content-right filterMobileSwitch" style="z-index: 30;">
                  <div class="customMapZoom filterswitch1" style="margin-right: 3px;">
                    <input type="checkbox" name="populationMobileFilter" class="filterswitch1-checkbox populationMobileFilter" id="populationMobileFilter" checked>
                    <label class="filterswitch1-label" for="populationMobileFilter">
                        <span class="filterswitch1-inner"></span>
                        <span class="filterswitch1-switch"></span>
                    </label>
                  </div>
                  
                  <div class="customMapZoom onoffswitch1" style="z-index: 30;margin-right: 10px;">
                    <input type="checkbox" name="worldCountyMobileSwitch" class="onoffswitch1-checkbox worldCountyMobileSwitch" id="worldCountyMobileSwitch" checked>
                    <label class="onoffswitch1-label" for="worldCountyMobileSwitch">
                      <span class="onoffswitch1-inner"></span>
                      <span class="onoffswitch1-switch"></span>
                    </label>
                  </div>
                </div>

              </div>
            </div>
            
            <div id="mapCanvas" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'">
            </div>
  
            <div id="summaryInfoOnMap" class="mt-2"></div>

            <div id="displayOptionWrapper">
              <div id="legend"></div>
              <div id="defaultSliderOption"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  </div> <!-- loading -->
  </div>
</div>
  <!-- dropdown sub items of menu -->
  <div id="optionMenu" class="optionMenu text-left" style="display: none;" aria-labelledby="navbarDropdown">
    <ul>
      <a href="https://nssac.github.io" target="_blank">
        <li>NSSAC Research</li>
      </a>
      <a href="https://nssac.github.io/covid-19/dashboard/" target="_blank">
        <li style="border-top: 1px solid black;">Dashboard Project Page</li>
      </a>
      <a class="d-md-none d-sm-block" href="https://nssac.github.io/covid-19/dashboard/#faq" target="_blank">
      <li style="border-top: 1px solid black;">
        Frequently Ask Questions
      </li>
      </a>
      <a class="video-btn" href="#" target="_blank" data-toggle="modal" data-src="https://www.youtube.com/embed/WBQr5-GPj3s" data-target="#myModal">
        <li style="border-top: 1px solid black;">
          Tutorial Video
        </li>
      </a>
      <a href="mailto:nssac_ncov_support@virginia.edu">
        <li style="border-top: 1px solid black;">Contact Us</li>
      </a>
      <a href="https://nssac.bii.virginia.edu/covid-19/usmrddash" target="_blank">
        <li style="border-top: 1px solid black;">
          COVID-19 Medical Resource Demand Dashboard - US National
        </li>
      </a>
    </ul>
  </div>
</body>
</html>
Report ID
20210915T064806Z_webconnectivity_IR_44244_n1_Qx3mBe0zIGBfGpwB
Platform
windows
Software Name
ooniprobe-desktop-unattended (3.10.0-beta.3)
Measurement Engine
ooniprobe-engine (3.10.0-beta.3)

Raw Measurement Data

Loading