deck.gl trips | example
This is an example of the deck.gl trips layer. Built using deck.gl and Create-React-App with Typescript.
Sample data is a short timespan of South-East Queensland Bus & Ferry service locations from the Translink data feed, transformed to suit.
- Trip movement
- Jump to time, adjust speed and trail length
- Highlight trips that pass through a node (in the sample these are bus/ferry stops)
- Hover over nodes to get their Id
Clone this repo, set environment variable REACT_APP_MAPBOX_TOKEN
with a Mapbox token. This variable can be set in the .env.development
file. Then:
npm install
npm start
Sample data is stored in the public/data
folder. Not all bus/ferry vehicles or stops are shown.
If you wish to use different data, colors or basemap, modify public/app-settings.json
.