Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

Last synced: about 1 month 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 (almost 8 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 (4 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

```