Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cmichi/gtfs-visualizations
Visualizing GTFS data.
https://github.com/cmichi/gtfs-visualizations
Last synced: about 1 month ago
JSON representation
Visualizing GTFS data.
- Host: GitHub
- URL: https://github.com/cmichi/gtfs-visualizations
- Owner: cmichi
- Created: 2013-05-23T13:06:02.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2020-12-31T12:37:36.000Z (over 3 years ago)
- Last Synced: 2024-01-11T21:48:32.301Z (6 months ago)
- Language: JavaScript
- Homepage: http://micha.elmueller.net/2014/05/gtfs-visualizations/
- Size: 14.9 MB
- Stars: 118
- Watchers: 13
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Lists
- awesome-gtfs - GTFS Visualizations - Visualizing GTFS data. (Data Viewers)
- awesome-transit - gtfs-visualizations - Open-source NodeJS application for visualizing the routes of GTFS datasets. (Uncategorized / Uncategorized)
README
# GTFS Visualizations
GTFS is an abbreviation for General Transit Feed Specification, a
standard which “defines a common format for public transportation
schedules and associated geographic information” ([source](https://developers.google.com/transit/gtfs/)).
The idea of this project is to generate beautiful and informative
visualizations from publicly available GTFS datasets.
The program draws the routes which transportation entities take and
emphasizes the ones which are frequented more often by painting them
thicker and in a stronger opacity.
The thickness and color intensity of the drawn lines is chosen using
`log(trips_happening_on_this_shape_id)`. All trips in the GTFS feed
are counted (not just days or a week).
__Project status:__ The project works with Processing 2.2.1, but is no
longer actively maintained. You will find information on how to generate
a visualization for a custom GTFS feed below the gallery:
[How to generate a visualization](#how-to-generate-a-visualization).
__Known problems:__ The GTFS parser currently loads the GTFS in memory.
This means large GTFS feeds will cause problems, if your machine does
not provide sufficient RAM.
There are issues when running the sketch in Processing 3.x.
## Gallery
The colors currenltly used are:
tram #0000ff blue
subway, metro #00ff00 green
rail, inter-city #ffff00 yellow
bus #ff0000 red
ferry #00ffff cyan
cable car #fee0d2 ocker
gondola #ff00ff purple
funicular #ffffff white
### Ulm
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/ulm.png)
Rendering based on an inofficial GTFS feed. There is an official one
available, though it does (not yet?) include shapes.
Download:
[Large PNG (0.4 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/ulm.png),
[PDF (0.12 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/pdf/ulm.pdf)
### Madrid
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/madrid.png)
Rendering based on the [official feed](http://www.gtfs-data-exchange.com/agency/madrid/)
by the Empresa Municipal de Transportes. (March 12, 2014)
Download:
[Large PNG (1.4 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/madrid.png),
[PDF (0.4 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/pdf/madrid.pdf)
### San Diego
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/san-diego.png)
Rendering based on the [official feed](http://www.sdmts.com/Planning/Developers.asp)
by the Metropolitan Transit System (MTS). (March 12, 2014)
Download:
[Large PNG (0.5 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/san-diego.png),
[PDF (0.6 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/pdf/san-diego.pdf)
### Los-Angeles
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/los-angeles.png)
Rendering based on the [official feed](http://www.gtfs-data-exchange.com/agency/la-metro/)
by the Los Angeles County Metropolitan Transportation Authority. (March 14, 2014)
Download:
[Large PNG (0.9 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/los-angeles.png),
### San Francisco
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/san-francisco.png)
Rendering based on the [official feed](http://www.gtfs-data-exchange.com/agency/san-francisco-municipal-transportation-agency/)
by the San Francisco Municipal Transportation Agency. (March 12, 2014)
Download:
[Large PNG (1 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/san-francisco.png),
[PDF (1.1 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/pdf/san-francisco.pdf)
### Washington DC
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/washington-dc.png)
Rendering based on the [official feed](http://www.gtfs-data-exchange.com/agency/dc-circulator/)
by DC Circulator. (March 13, 2014)
Download:
[Large PNG (1.2 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/washington-dc.png)
### Miami
[](https://github.com/cmichi/gtfs-visualizations/raw/master/gallery/large/miami.png)
Rendering based on the [official feed](http://www.gtfs-data-exchange.com/agency/miami-dade-transit/)
by the Miami Dade Transit. (March 13, 2014)
Download:
[Large PNG (0.3 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/large/miami.png),
[PDF (0.12 MB)](https://raw.githubusercontent.com/cmichi/gtfs-visualizations/master/gallery/pdf/miami.pdf)
## Posters
I think the visualizations look quite beautiful and have started to
compile a series of A0 posters. Click on the preview image to open
the PDF. The templates can be found in `./posters/`.
[](https://github.com/cmichi/gtfs-visualizations/raw/master/posters/madrid-poster.jpg) [](https://github.com/cmichi/gtfs-visualizations/raw/master/posters/4up-poster.jpg)
Click on the images to get a larger preview.
The posters can be downloaded here:
* [Madrid (PDF, 11 MB)](http://media.micha.elmueller.net/projects/gtfs/madrid-poster.pdf)
* [Madrid, Ulm, Washington, San Diego (PDF, 81 MB)](http://media.micha.elmueller.net/projects/gtfs/4up-poster.pdf)
## How to generate a visualization
Download and install [node.js and npm](http://nodejs.org/).
$ git clone https://github.com/cmichi/gtfs-visualizations.git
$ cd gtfs-visualizations/
$ npm install
$ make render gtfs=ulm
Based on the GTFS files in `./gtfs/ulm/` this will generate:
./output/ulm/
./output/ulm/data.lines
./output/ulm/maxmin.lines
# containing the maximum and minimum count of trips on a shape
# in this GTFS feed
Download [Processing 2.0](https://processing.org/download/). Then open
the sketch `./processing/processing.pde` within Processing.
Execute it and a file `./output/ulm_large.pdf` will be generated.
### Adaption to your city
Change those lines within `./processing/processing.pde` :
cities = new String[1];
cities[0] = "ulm";
to the city you want to display, e.g. `cities[1] = "san-diego";`.
Make sure `./gtfs/san-diego/` exists. Also make sure there is a shape file
(`./gtfs/san-diego/shapes.txt`) available!
Execute `$ make render gtfs=san-diego` and after this is finished the
Processing sketch `./processing/processing.pde`. You will then find your
visualization generated in `./output/san-diego.png`.
For certain cities (e.g. Los Angeles) multiple separate GTFS feeds
are available (e.g. bus, metro, etc.). To render multiple GTFS feeds into
the visualization you can adapt the cities array:
cities = new String[2];
cities[0] = "los-angeles";
cities[1] = "los-angeles-metro";
### Generating other image resolutions
Within `./render.js` change
var render_area = {width: 600, height: 600};
Within `./processing/processing.pde` change
size(700, 700);
### Colors
See the sketch `./processing/processing.pde` and search this block:
drawRoute("7", #ffffff); // funicular
drawRoute("6", #ffffff); // gondola
drawRoute("5", #ffffff); // cable car
drawRoute("4", #ffffff); // ferry
drawRoute("3", #ff0000); // bus
drawRoute("2", #ffffff); // rail, inter-city
drawRoute("1", #ffffff); // subway, metro
drawRoute("0", #0000ff); // tram
These are the default colors used. You are free to adapt them.
## Nice to have ToDos
* The green and red color combination should be done better (persons with
red/green disabilities might have problems). Use other color scheme.
* GTFS provides a field `route_color`. Supporting this would be nice.
Colors right now are hardcoded.
## Contributors
* Roman Prokofyev improved the parser. Beforehand an entire file was
loaded and then parsed, he switched to line-by-line parsing.
## License
### Gallery
The gallery photos are licensed under the Creative Commons Attribution
4.0 International license: http://creativecommons.org/licenses/by/4.0/.
### Code
Copyright (c) 2013-2014
Michael Mueller
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.