-
Notifications
You must be signed in to change notification settings - Fork 1
/
barChart.html
27 lines (24 loc) · 928 Bytes
/
barChart.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<title>Stylized Bar Chart</title>
<link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles/style.css">
<script src="libraries/d3.js"></script>
<script src="libraries/arquero.js"></script>
</head>
<body>
<h1>Bar Chart of the Expenditures</h1>
<svg height="600" width="960"></svg>
<div>
<h3>Data Pipe line?</h3>
<p>Making the data flow through functions starts simply by calling the fetch function, and resolving the promise. Arquero takes over the
dataWrangling part.Then D3 is used for creating the Rect elements.
</p>
<h3>Calling the data when required</h3>
<p>Loading the data by using a event trigger is straight forward when the d3.csv is called back with the function</p>
</div>
<button id="klik">GetData</button>
<script src="barIndex.js"></script>
</body>
</html>