-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (28 loc) · 1.33 KB
/
index.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
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<title>Zagster - Number of Rides vs Month of Year</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
</script>
<script src="main2.js"></script>
<script src="path/to/chartjs/dist/Chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
</head>
<body>
<h1>Zagster - Number of Rides vs Time of Year</h1>
<h2 id="rideCount"> This chart displays the relationship between month of year of 2017 versus number of times Zagster bikes were rented at OSU Cascades. </h2>
<p>
<!-- <img src = "https://i.stack.imgur.com/N7yh5.png"> -->
<canvas id="myChart"></canvas>
</p>
<p>Months</p>
<p>
ABOUT: Using the Herokuapp website, we imported data from the a Zagster database and utilized the Chart.js library to visualize the data in a
readable and appealing format. Data was taken from the website in an array format, converted to
the correct format in javascript code, and appropriately added to our chart. Labels were added in our chart to improve readability
and make a clear division for months for all of 2017.
</p>
</body>
</html>