generated from usf-cs360-spring2020/template-bulma
-
Notifications
You must be signed in to change notification settings - Fork 0
/
alpha.html
98 lines (71 loc) · 3.45 KB
/
alpha.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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="prototype1styles.css">
<!-- TODO: Change title -->
<title>Final Project</title>
<!-- Load Bulma from CDN (consider saving it to repository instead) -->
<!-- https://bulma.io/ -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<!-- Load Font Awesome 5 (free) icons -->
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<!-- Page header -->
<div id="nav-placeholder">
</div>
<script>
$(function () {
$("#nav-placeholder").load("nav.html");
});
</script>
<!-- End page header -->
<section class="section">
<div class="container">
<!-- Begin page content -->
<div class="content">
<h1 id="home" class="title">
<!-- TODO: Change page title -->
Prototype 1 - Total Covid-19 cases in April
</h1>
<p>This bar chart is very simple. Bar chart prototype will be one of my final project's prototype.
I will change this bar chart in the future. </p>
<img src="barChart.png" alt="prototype1" width="960" height="500">
<!--
<h5>Aryan Dilip Choudhary</h5>
<h4>Wrangling specific to prototype</h4>
<p>For this tableau prototype the data is filtered by "Batallion" not "B99", "Year" is 2019. The data is grouped by Batallion, Watch Date (Months). The data is aggregated by Incident Number as sum.</p>
<pre style="font-size: 14px; font-family: Dank Mono Regular;">
Filtered By: Batallion not "B99", Year 2019
Grouping By: Batallion, Watch Date (Months), and Call Type Group (Interactivity)
Aggregated By: Incident Number (sum)
</pre>
<h4> Tableau Prototype [Beta Release]</h4>
<img src="midterm_prototype_1.png" alt="prototype1" width="960" height="500">
<h4> Tableau Prototypes [Final Release]</h4>
<img src="midterm_prototype_1b.png" alt="prototype1b" width="1200" height="500">
<img src="midterm_prototype_1b_interactive.png" alt="prototype1c" width="1200" height="500">
<section class="section">
<h4>D3 version</h4>
<div class="container content">
<p style="font-size: 18px;">Number of Incidents reported in each Battalion for the Year 2019</p>
<p>Click on the button below:</p>
<svg id ="updateButton"></svg>
<br>
<svg id="D3Prototype1"></svg>
<svg id ="legend"></svg>
<p class="is-size-7 has-text-grey">
Source: <a href="https://data.sfgov.org/Public-Safety/Fire-Department-Calls-for-Service/nuek-vuh3/data" target="_blank">https://data.sfgov.org/Public-Safety/Fire-Department-Calls-for-Service/nuek-vuh3/data</a>
<br>
Created by - Aryan Choudhary
</p>
</div>
</section>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="javascript/d3-button.js"></script>
-->
</body>
</html>