51 lines
1.6 KiB
HTML
Executable File
51 lines
1.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Visualization - Homework 6</title>
|
|
<link rel="stylesheet" href="public/css/style.css"/>
|
|
<script src="https://d3js.org/d3.v5.js"></script>
|
|
|
|
<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>US Presidential Elections from 1940 to 2012</h1>
|
|
<p class="info">Name: [Your Name]; E-Mail: [Your E-Mail]; A#: [Your A#]</p>
|
|
<div id="year-chart" class="view">
|
|
</div>
|
|
|
|
|
|
|
|
<div id = "shiftChart" class = "view">
|
|
<h3>Brush selection is: </h3>
|
|
<span id="stateList"></span>
|
|
</div>
|
|
|
|
<div id = "electoral-vote" class = "view">
|
|
</div>
|
|
|
|
|
|
<div id = "votes-percentage" class = "view">
|
|
</div>
|
|
|
|
<div id = "tileChart" class = "view">
|
|
<div id="legend" class = "view"></div>
|
|
<div id = "tiles" class = "view"></div>
|
|
</div>
|
|
|
|
<script type="application/javascript" src="public/js/tileChart.js"></script>
|
|
<script type="application/javascript" src="public/js/electoralVoteChart.js"></script>
|
|
<script type="application/javascript" src="public/js/yearChart.js"></script>
|
|
<script type="application/javascript" src="public/js/votePercentageChart.js"></script>
|
|
<script type="application/javascript" src="public/js/shiftChart.js"></script>
|
|
<script type="application/javascript" src="public/js/tooltip.js"></script>
|
|
<script type="application/javascript" src="public/js/script.js"></script>
|
|
</body>
|
|
</html>
|