index.html

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link rel="stylesheet" href="css/styles.css"/>
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
  <title>D3 Visualizations of Open Civic Data</title>
</head>

<body>

    <h4>Percentage of Online Shoppers By Age Group  from 2007 to 2014</h4>
    <p>You can see the shopping trends of each age group over the years, in terms of percentage, from 2007 to 2014.</p>
    <svg id="bar-chart" width="960" height="330"</svg>

    <h4>Git Commit Frequency in 52 Weeks</h4>
    <p>You can tell how many commits the git user had committed given the week and day.</p>
    <svg id="heat-map" width="960" height="330"></svg>

  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="js/barChart.js"></script>
  <script src="js/heatMap.js"></script>
</body>
</html>