As a React test project, this bl.ock was converted into React components for Boulder's D3js Meetup.
xxxxxxxxxx
<meta charset="utf-8">
<head>
<meta charset="utf-8">
<title>Progress</title>
<!-- D3 -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<!-- Annotation -->
<!-- <script src='https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.3.1/d3-annotation.independent.js'></script>-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.3.1/d3-annotation.js'></script>
<!-- Legend -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.js'></script>
<!-- CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="app.js" type="text/javascript"></script>
<div id="div_template"></div>
<div id="spinner-container"></div>
<div id="viz-container" width="100%" height="100%"></div>
</body>
https://d3js.org/d3.v5.min.js
https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.3.1/d3-annotation.independent.js
https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.3.1/d3-annotation.js
https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.js