-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
80 lines (79 loc) · 4.4 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
<!DOCTYPE html>
<html>
<head>
<title>
NYC Taxi Visualization
</title>
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"/>
<link rel="stylesheet" href="styles.css"/>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="content">
<h1>NYC Taxi Visualization</h1>
<div id="authors">
Authors:
<a href="https://github.com/dbeckwith">Daniel Beckwith</a> &
<a href="https://github.com/SIZMW">Aditya Nivarthi</a>
</div>
<div id="page-description">
<h3>Introduction</h3>
<p>
The <a href="http://www.nyc.gov/html/tlc/html/home/home.shtml">New York City Taxi & Limousine Commission</a> has overseen standard and for-hire taxis in the city of New York since its creation in 1971. These taxis have been used as a primary means of travel for many of the residents traveling in, out, or around the city.
</p>
<p>
The city of NYC is divided into a number of taxi zones. Each taxi zone represents a subsection of the city, usually a region within one of the boroughs. Taxi zones represent areas that may have their own rules regarding taxi operation and fare structure. They can also divide the city by geographic regions or environment development type.
</p>
<p>
Over the course of years, the NYC Taxi and Limousine Commission has aggregated millions of records of data about the taxis and the trips they make across the city. The data for <a href="http://www.nyc.gov/html/tlc/html/industry/yellow_taxi.shtml">Yellow Taxis</a> has been aggregated since 2009, <a href="http://www.nyc.gov/html/tlc/html/passenger/shl_passenger.shtml">Green Taxis</a> since mid-2013, and <a href="http://www.nyc.gov/html/tlc/html/industry/for_hire.shtml">For Hire Vehicles</a> since 2015.
This information includes specifics such as passenger pickup and drop off times, start and destination locations of trips, costs and prices of the trips, and even tips and payment types.
</p>
<p>
We decided to take a look at this publicly available data and present a visualization that provides insight into how taxis are used and operate in NYC. Our goal with this visualization is to present the data in a way that helps taxi drivers and taxi passengers understand taxi trip times, costs for using taxis, and the importance of taxis in various areas around the city.
</p>
<h3>Instructions</h3>
<p>
To use the visualizations, select a month using the slider below, which will filter the displayed data by that month. Then, on any visualization, select a taxi zone by clicking on it. The data will adjust to show the appropriate values based on the selected zone. Hovering over a zone will show more detailed information. Zones that do not have relevant data to the current selection are shaded in gray.
</p>
</div>
<div id="month-selector">
<h4>Month Selector</h4>
<input id="month-input" type="range" min="0" max="11" value="0" step="1">
<span id="month-name-label"></span>
</div>
<div id="maps">
<div id="loading-message">
Loading Data
<br>
<small>
Please Wait
</small>
<br/>
<br/>
<br/>
<br/>
</div>
</div>
<div id="conclusion-section">
<h2>Credits</h2>
<p>
This visualization was created by <a href="https://github.com/dbeckwith">Daniel Beckwith</a> & <a href="https://github.com/SIZMW">Aditya Nivarthi</a>.
</p>
<p>
The project was created for a Data Visualization course at <a href="https://www.wpi.edu/">WPI</a>, taught by <a href="http://web.cs.wpi.edu/~ltharrison/">Lane Harrison</a>.
</p>
<p>
The raw data used in this visualization was gathered from the <a href="http://www.nyc.gov/html/tlc/html/about/trip_record_data.shtml">NYC Taxi & Limousine Commission</a>.
</p>
<br/>
<h2>Source</h2>
<p>
The source code for this visualization can be found <a href="https://github.com/SIZMW/nyc-taxi-vis">here</a>.
</p>
</div>
</div>
</body>
</html>