forked from jjjiia/menu
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcambridge.html
110 lines (97 loc) · 4.05 KB
/
cambridge.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Menus in Cambridge</title>
<script src="static/javascripts/d3.v3.min.js"></script>
<script src="static/javascripts/topojson.v1.min.js"></script>
<script src="static/javascripts/jquery.min.js"></script>
<script src="static/javascripts/d3.tip.v0.6.3.js"></script>
<script src="static/javascripts/fisheye.js"></script>
<script src="static/javascripts/underscore.js"></script>
<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="static/javascripts/jquery-ui.min.js"></script>
<link rel="stylesheet" href="static/stylesheets/jquery-ui.css" />
<link rel="stylesheet" href="static/bootstrap-3.1.1-dist/css/bootstrap.min.css">
<script src="static/javascripts/jquery-ui.min.js"></script>
<link href="static/bootstrap-3.1.1-dist/css/bootstrap-glyphicons.css" rel="stylesheet">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="static/stylesheets/menu_style2.css"> </style>
<!-- Google Analytics
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47759411-2', 'youarehere.cc');
ga('send', 'pageview');
</script> -->
</head>
<body>
<div id="containers">
</div>
<div id = "header">
<div id = "logo">
<a id="logo" href="http://youarehere.cc"><img src="static/images/logo.jpg" style="width: 60px"></a>
</div>
<div id = "title-text">
<div id = "title">
Cambridge
</div>
<div id = "subtitle">
This map visualizes approximately 58255 menus items from 505 restaurants in Cambridge
<a id="showMore" href="#"> ... more</a>
</div>
</div>
</div>
<div id = "left-column">
Click on:
<br/>
<a href="javascript:UpdateAll(fresh);">fresh</a>
<br/>
<a href="javascript:UpdateAll(fried);">fried</a>
<br/>
<a href="javascript:UpdateAll(chicken);">chicken</a>
<br/>
<a href="javascript:UpdateAll(special);">special</a>
<br/>
<a href="javascript:UpdateAll(vegetarian);">vegetarian</a>
</div>
<div id = "footer">
<div id ="credit">This work is part of the <a href="http://youarehere.cc">You Are Here</a> project +
<a href="http://socialcomputing.media.mit.edu"> The Social Computing Group </a>+
<a href="http://media.mit.edu"target = "blank"> MIT Media Lab </a> + <a href="http://mit.edu" target = "blank"> MIT</a>
</div>
<div id = "feedback">
<a href="http://youarehere.cc/#/report" target = "blank">Feedback</a> | <a href="http://youarehere.cc/#/faq" target = "blank">FAQ</a>
</div>
<div class="spacer"></div>
</div>
<script type="text/javascript" charset="utf-8">
var csv = "cambridge_keyword_menu_res.csv"
</script>
<div id="essayBox">
<div id='essayBox-close' class="glyphicon glyphicon-remove"></div>
<div id='essayContent'>
<p>
This map visualizes the 58225 food items served in 505 restaurants in Cambridge, MA.
</p>
<p>
Sometimes when recalling a neighborhood, a single restaurant comes to mind.
However as a group, the restaurants of a city offer one version of its collective identity.
What are the different ways chicken is made?
What is described as "fresh" or "special"?
What do we "roast", "fry", or "bake"?
How many different "vegetarian" food items can you find in Cambridge?
</p>
<p>
Click on any of the keywords on the left or search for a term yourself
</p>
</div>
</div>
<script src="test_collapse_nozoom.js"></script>
<script src="static/javascripts/essay.js"></script>
</body>
</html>