Awesome
<p align="center"> ➡️ <a href="#installation">Installation</a> | <a href="#quick-start">Quick Start</a> | <a href="#configuration">Configuration</a> ⬅️ <br /><br /> <img src="docs/images/gtfs-to-chart-logo.svg" alt="GTFS-to-Chart" /> <br /><br /> <a href="https://www.npmjs.com/package/gtfs-to-chart" rel="nofollow"><img src="https://img.shields.io/npm/v/gtfs-to-chart.svg?style=flat" style="max-width: 100%;"></a> <a href="https://www.npmjs.com/package/gtfs-to-chart" rel="nofollow"><img src="https://img.shields.io/npm/dm/gtfs-to-chart.svg?style=flat" style="max-width: 100%;"></a> <img src="https://img.shields.io/badge/License-MIT-yellow.svg"> <br /><br /> Generate stringline charts from GTFS transit data. <br /><br /> <a href="https://nodei.co/npm/gtfs-to-chart/" rel="nofollow"><img src="https://nodei.co/npm/gtfs-to-chart.png?downloads=true" alt="NPM" style="max-width: 100%;"></a> </p> <hr>gtfs-to-chart
creates stringline charts showing all vehicles on a transit route from GTFS data.
E.J. Marey was the first person to propose this type of graphical train schedule.
The chart generated shows stations across the x-axis, spaced to scale. Each line on the chart represents a transit vehicle moving through time. The slope of the line indicates speed at that point in the journey, with steeper slopes indicating slower speeds (as more time is passing as the vehicle moves).
<img width="598" alt="SFMTA 14R Stringline Chart" src="https://user-images.githubusercontent.com/96217/87837133-6753cd80-c847-11ea-9df6-5807dbec9b20.png">Try out some live interactive charts created with GTFS-to-chart:
For routes that operate in two directions, both are shown on the same chart. Lines sloping downwards are vehicles heading one way and lines sloping upwards are vehicles heading in the reverse direction. The point at which lines cross indicates the exact time and location where two vehicles heading in the opposite direction pass each other.
If express service is offered on a route, the chart will show where express vehicles overtake non-express vehicles. This is shown where two lines sloped in the same direction cross.
If a vehicle has a scheduled stop with a different departure time than arrival time, the line will be vertical for a short distance at the stop representing the dwell time at the stop.
This library can be used to generate stringline charts for any transit agency that provides data in GTFS format. To generate charts for a specific agency, just add the agency name and URL of the GTFS file in a config.json
file as described below.
Not all transit routes work well with this type of visualization.
- Routes where not all trips follow the same pattern will not work well. For instance, a bus route that sometimes makes some different stops depending on the trip.
- Routes where one direction follows a different pattern than the other. For instance, a bus route that takes a completely different route on the way back.
- Circular routes do not currently work well, as the line jumps across the chart for the last stop.
Are you using gtfs-to-chart
? Let us know via email (brendan@blinktag.com) or via opening a github issue or pull request if your agency is using this library.
Credits
This library was based off of code developed by Mike Bostock.
Installation
If you would like to use this library as a command-line utility, you can install it globally directly from npm:
npm install gtfs-to-chart -g
If you are using this as a node module as part of an application, you can include it in your project's package.json
file.
Quick Start
Command-line example
gtfs-to-chart --configPath /path/to/your/custom-config.json
Code example
import gtfsToChart from 'gtfs-to-chart';
import { readFile } from 'fs/promises';
const config = JSON.parse(await readFile(new URL('./config.json', import.meta.url)));
gtfsToChart(config)
.then(() => {
console.log('Chart Generation Successful');
process.exit();
})
.catch(err => {
console.error(err);
process.exit(1);
});
Configuration
Copy config-sample.json
to config.json
and then add your projects configuration to config.json
. This is a JSON file, so ensure that your config.json is valid JSON.
cp config-sample.json config.json
All files starting with config*.json
are .gitignored - so you can create multiple configuration files such as config-caltrain.json
.
option | type | description |
---|---|---|
agencies | array | An array of GTFS files to be imported. |
beautify | boolean | Whether or not to beautify the HTML output. |
chartDate | string | The date to use for generating the stringline chart. |
templatePath | string | Path to custom pug template for rendering chart html. |
agencies
{Array} Specify the GTFS files to be imported in an agencies
array. GTFS files can be imported via a url
or a local path
.
Each file needs an agency_key
, a short name you create that is specific to that GTFS file. For GTFS files that contain more than one agency, you only need to list each GTFS file once in the agencies
array, not once per agency that it contains.
To find an agency's GTFS file, visit transitfeeds.com. You can use the URL from the agency's website or you can use a URL generated from the transitfeeds.com API along with your API token.
- Specify a download URL:
{
"agencies": [
{
"agency_key": "county-connection",
"url": "http://cccta.org/GTFS/google_transit.zip"
}
]
}
- Specify a path to a zipped GTFS file:
{
"agencies": [
{
"agency_key": "myAgency",
"path": "/path/to/the/gtfs.zip"
}
]
}
- Specify a path to an unzipped GTFS file:
{
"agencies": [
{
"agency_key": "myAgency",
"path": "/path/to/the/unzipped/gtfs/"
}
]
}
- Exclude files - if you don't want all GTFS files to be imported, you can specify an array of files to exclude.
{
"agencies": [
{
"agency_key": "myAgency",
"path": "/path/to/the/unzipped/gtfs/",
"exclude": [
"shapes",
"stops"
]
}
]
}
beautify
{Boolean} Whether or not to beautify the HTML output. Defaults to false
.
"beautify": false
chartDate
{String} The date to use for generating charts in YYYYMMDD format. Charts will be for service on this date. Defaults to today's date.
"chartDate": "20200505"
templatePath
{String} Path to a folder containing (pug)[https://pugjs.org/] template for rendering charts. This is optional. Defaults to using the templates provided in views/chart
. All files within the /views/custom
folder will be .gitignored, so you can copy the views/chart
folder to views/custom/myagency
and make any modifications needed. Any custom views folder should conatain pug templates called chart_page.pug
and overview_page.pug
.
"templatePath": "views/custom/my-agency/"
Running
To generate charts, run gtfs-to-chart
.
gtfs-to-chart
By default, gtfs-to-chart
will look for a config.json
file in the project root. To specify a different path for the configuration file:
gtfs-to-chart --configPath /path/to/your/custom-config.json
This will download the GTFS file specified in config.js
. Then, gtfs-to-chart
will build the HTML charts and save them in charts/:agency_key
.
Options
configPath
Allows specifying a configuration json file. Defaults to config.json in the current directory.
gtfs-to-chart --configPath /path/to/your/custom-config.json
skipImport
Skips importing GTFS into SQLite. Useful if you are rerunning with an unchanged GTFS file. If you use this option and the GTFS file hasn't been imported, you'll get an error.
gtfs-to-chart --skipImport
Processing very large GTFS files.
By default, node has a memory limit of 512 MB or 1 GB. Use the max-old-space-size
option. For example to allocate 2 GB:
node --max-old-space-size=2000 /usr/local/bin/gtfs-to-chart
Contributing
Pull requests are welcome, as is feedback and reporting issues.
Tests
npm test