generated from usf-cs360-spring2020/template-bulma
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (88 loc) · 5.47 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
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Final Project</title>
<!-- Load Bulma from CDN (consider saving it to repository instead) -->
<!-- https://bulma.io/ -->
<link rel="stylesheet" href="https://jenil.github.io/bulmaswatch/lux/bulmaswatch.min.css">
<!-- Load Font Awesome 5 (free) icons -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<div id="navigation">
</div>
<script>
$(function(){
$("#navigation").load("navbar.html");
});
</script>
<section class="section">
<div class="container">
<!-- Begin page content -->
<div class="content">
<h1 class="title">
Restaurant Scores - LIVES Standard </h1>
<!-- <p class="subtitle">
Using D3 V5 </p> -->
<!--
<a class="button is-large is-primary" href="https://usf-cs360-spring2020.github.io/project-adityanz/chart.html">
<span class="icon is-medium">
<i class="fas fa-map"></i>
</span>
<span>Non-Proportional Symbol Map</span>
</a> -->
<!-- <span class="heading">Acknowledgements</span>
<p2>
<p> More to come here </p>
<a href="https://vizhub.com/sjengle/ddee531e7a414d97a059d751507e0f41"> Map Chart of SF Arrests: By Sophie Engle</a><br/>
<a href="https://bl.ocks.org/d3noob/e549dc220052ac8214b9db6ce47d2a61">Map Pan and Zoom: By D3Noob </a><br/>
<a href="https://observablehq.com/@d3/zoom-svg-rescaled?collection=@d3/d3-zoom">Zoom: By Mike Bostock </a><br/>
<a href="http://bl.ocks.org/feyderm/e6cab5931755897c2eb377ccbf9fdf18">Interactive Drop Down Selection: By Michael Feyder </a><br/>
<a href="https://www.d3-graph-gallery.com/graph/custom_legend.html">Lengend Idea</a><br/>
<a href="https://sfbos.org/inauguration">SF Supervisors</a><br/>
</p2> -->
<!-- <p class="is-6">
<em>I used all those sources in order to better understand and implement my visualizations in D3 and organize my data.</em>
</p> -->
<br> </br>
<h4>Project Narrative</h4>
<p>
San Francisco is known to be one of the most food eccentric cities in the world and is home to top leading restaurants and people come from all over the world to try the special dishes the culinary artists create. However, it is important to note the health and safety of people, and a lot of these restaurants in the city, have been known to have poor sanitation and hygiene standards and that have recently been going up and increasing. I wanted to map out all the food places and see if any sort of external or internal factors may have some cause with this. I also wanted to look at the popularity and the ratings and see if that improves/ makes the sanitation worse. I want to find a relationship between the yelp data and the health data and try to draw conclusions and connections to see what the relationship is if any exists.
</p>
<h4>Disclaimer</h4>
<p>I am not affiliated, associated, authorized, endorsed by, or in any way officially connected with the City and County of San Francisco / Yelp Inc. , or any of its subsidiaries or its affiliates. We use their data for our visualizations and have attributed it in the specific manner. </p>
<span class="heading">Acknowledgements</span>
<p2>
<a href="https://observablehq.com/@sjengle/java-11-api-hierarchy-data-wrangling"> Java 11 API Hierarchy - Data Wrangling by Sophie Engle</a><br/>
<a href="https://observablehq.com/@sjengle/java-11-api-hierarchy-visualization">Java 11 API Hierarchy - Visualization by Sophie Engle </a><br/>
<a href="https://www.d3-graph-gallery.com/graph/interactivity_zoom.html">Zooming in d3.js </a><br/>
<a href="https://vizhub.com/sjengle/ddee531e7a414d97a059d751507e0f41"> Map Chart of SF Arrests: By Sophie Engle</a><br/>
<a href="https://bl.ocks.org/d3noob/e549dc220052ac8214b9db6ce47d2a61">Map Pan and Zoom: By D3Noob </a><br/>
<a href="https://observablehq.com/@d3/zoom-svg-rescaled?collection=@d3/d3-zoom">Zoom: By Mike Bostock </a><br/>
<a href="http://bl.ocks.org/feyderm/e6cab5931755897c2eb377ccbf9fdf18">Interactive Drop Down Selection: By Michael Feyder </a><br/>
<a href="https://www.d3-graph-gallery.com/graph/custom_legend.html">Lengend Idea</a><br/>
<a href="https://bl.ocks.org/Andrew-Reid/0aedd5f3fb8b099e3e10690bd38bd458">Horizontal Stacked Bar: Andrew Reid</a><br/>
<a href="https://bl.ocks.org/mjfoster83/7c9bdfd714ab2f2e39dd5c09057a55a0">Bar Chart with Tooltip: Mike Foster</a><br/>
<a href="https://www.d3-graph-gallery.com/graph/custom_legend.html">Legend and Axis Idea</a><br/>
<a href="https://medium.com/@kj_schmidt/show-data-on-mouse-over-with-d3-js-3bf598ff8fc2">Tooltip Explanation</a><br/>
<a href="https://github.com/gfairchild/yelpapi">Yelp API</a><br/>
<br/>
</p2>
<p class="is-6">
<em>I used all those sources in order to better understand and implement my visualizations in D3 and organize my data.</em>
</p>
</div>
<!-- End page content -->
</div>
</section>
<div id="footer">
</div>
<script>
$(function(){
$("#footer").load("footer.html");
});
</script>
</html>