heart_rate.html

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>D3 Brushing Line Graph Demo</title>
  <style>
    body {
      max-width: 1000px;

      margin: 0 auto;

      font-size: 20px;
    }
  </style>
</head>
<body>
  <p>
    <em>Usage:</em>
    Select a region to filter by clicking and dragging on the lower graph.
    The upper graph will display the selection.
    Click and hold on the filter selection to pan left or right.
    Right click the filter selection to remove the filter.
  </p>
</body>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://d3js.org/d3-time-format.v2.min.js"></script>
<script src="heart_rate.js"></script>
</html>