reyman/html

## html
<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->

  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">

  <meta name="theme-color" content="#fafafa">

  <style>
    body {
      margin: 0;
      line-height: 1.8;
      display: flex;
      align-items: center;
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
    }
    .wrapper {
      text-align: center;
      max-width: 1000px;
      max-height: 700px;
      margin:  auto;
    }
  </style>

</head>

<body>
  <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

  <!-- Add your site or application content here -->
  <script src="js/vendor/modernizr-3.8.0.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async></script>

<script type="module">

  // Load the Observable runtime and inspector.
  import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";

  // Your notebook, compiled as an ES module.
  import notebook from "https://api.observablehq.com/@reyman/covid.js?v=3";

  const renders = {"chart": "#chart"};

  for (let i in renders)
    renders[i] = document.querySelector(renders[i]);
  const main = new Runtime().module(notebook, (name) => {
    if (renders[name])
      return new Inspector(renders[name]);
    else return true;
  });
</script>

  <div class="wrapper">
    <div id="chart"></div>
  </div>

</body>
</html>
	<!doctype html>
	<html class="no-js" lang="">

	<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="manifest" href="site.webmanifest">
	<link rel="apple-touch-icon" href="icon.png">
	<!-- Place favicon.ico in the root directory -->

	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/main.css">

	<meta name="theme-color" content="#fafafa">

	<style>
	body {
	margin: 0;
	line-height: 1.8;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	}
	.wrapper {
	text-align: center;
	max-width: 1000px;
	max-height: 700px;
	margin: auto;
	}
	</style>

	</head>

	<body>
	<!--[if IE]>
	<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
	<![endif]-->

	<!-- Add your site or application content here -->
	<script src="js/vendor/modernizr-3.8.0.min.js"></script>
	<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
	<script>window.jQuery \|\| document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>

	<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
	<script>
	window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
	ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
	</script>
	<script src="https://www.google-analytics.com/analytics.js" async></script>

	<script type="module">

	// Load the Observable runtime and inspector.
	import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";

	// Your notebook, compiled as an ES module.
	import notebook from "https://api.observablehq.com/@reyman/covid.js?v=3";

	const renders = {"chart": "#chart"};

	for (let i in renders)
	renders[i] = document.querySelector(renders[i]);
	const main = new Runtime().module(notebook, (name) => {
	if (renders[name])
	return new Inspector(renders[name]);
	else return true;
	});
	</script>

	<div class="wrapper">
	<div id="chart"></div>
	</div>

	</body>
	</html>