index.html

<!-- index.html -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"> <content="width=device-width, initial-scale=1.0>
  <title>311 Calls Visualization</title>
  <!-- Include D3 library -->
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <!-- Include your JavaScript file (bar_chart.js) -->
  <script src="script.js"></script>
  <!-- Link to external CSS file -->
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;1,600&display=swap" rel="stylesheet">
</head>
<body>
<h1>Top 10 Reasons for 311 Calls in Boston</h1>
<!-- Visualization Container -->
<div id="chart-container"></div>

</body>
</html>