xxxxxxxxxx
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="shortcut icon" href="icons8-bookmark-40.png">
<!-- Custom styling -->
<link rel="stylesheet" href="style.css">
<!-- JS libraries -->
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<div id="demo">
<div id="buttons">
<button id="gender">Gender</button>
<button id="age">Age</button>
<button id="race">Race</button>
</div>
<div class="col-md-9" id="pie-chart-area"></div>
</div>
<!-- Custom JS -->
<!-- This sends the data -->
<script src="dataset.js"></script>
<!-- This creates the graphs -->
<script src="main.js"></script>
</body>
</html>
https://code.jquery.com/jquery-3.4.0.min.js
https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js
https://d3js.org/d3.v4.min.js