deck.gl trips | example

This is an example of the deck.gl trips layer. Written using deck.gl with React and Typescript.

Sample data is a short timespan of South-East Queensland Bus & Ferry service locations from the Translink data feed, transformed to suit.

Features

• 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

Usage

Clone this repo, set environment variable VITE_MAPBOX_TOKEN with a Mapbox token. This variable can be set in the .env file. Then:

npm install
npm run start

Data format

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.