https://github.com/stereobooster/d3-tube

D3 implementation of tube map
https://github.com/stereobooster/d3-tube

d3

Last synced: 8 days ago
JSON representation

D3 implementation of tube map

• Host: GitHub
• URL: https://github.com/stereobooster/d3-tube
• Owner: stereobooster
• Created: 2017-02-25T19:41:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-11T06:09:28.000Z (over 7 years ago)
• Last Synced: 2024-08-01T12:31:45.915Z (3 months ago)
• Topics: d3
• Language: JavaScript
• Homepage: https://stereobooster.github.io/d3-tube/
• Size: 889 KB
• Stars: 14
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - stereobooster/d3-tube - D3 implementation of tube map (others)

README

        
![screen-shot](screen-shot.png)

# D3 tube map

D3 implementation of tube map. Component extracted from [beefoo/memory-underground](https://github.com/beefoo/memory-underground). All credits go to @beefoo. [Example](https://stereobooster.github.io/d3-tube/).

## TODO

- remove jquery dependency

- remove underscore dependency

- update D3

- use D3 [pan zoom](https://bl.ocks.org/mbostock/7ec977c95910dd026812) instead of jquery plugin (or simple [d3.zoom](https://coderwall.com/p/psogia/simplest-way-to-add-zoom-pan-on-d3-js))

- clean up code and document options

- implement as separate module and publish as npm package

## Other implemetations

- [d3-tube-map](https://github.com/johnwalley/d3-tube-map)

- [Visualizing London Tube map](https://bl.ocks.org/nicola/69730fc4180246b0d56d)

- [Visualizing Voronoi diagram of London Tubemap](https://github.com/nicola/tubemaps/tree/master/examples/voronoi)

- [travel-time-tube-d3](https://randometc.github.io/travel-time-tube-d3/)

- [Mapping the DC Metro](https://www.mapbox.com/blog/dc-metro-map/)

## Development

```sh

git clone https://github.com/stereobooster/d3-tube.git

cd d3-tube

yarn or npm install

npm start

```

### Deployment: GitHub Pages

```sh

npm run deploy

```