Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/visgl/flowmap.gl
Flow map drawing layer for deck.gl
https://github.com/visgl/flowmap.gl
datavisualization flowmap
Last synced: 5 days ago
JSON representation
Flow map drawing layer for deck.gl
- Host: GitHub
- URL: https://github.com/visgl/flowmap.gl
- Owner: visgl
- License: apache-2.0
- Created: 2021-11-28T09:13:39.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-25T19:12:36.000Z (16 days ago)
- Last Synced: 2024-10-31T19:45:25.189Z (10 days ago)
- Topics: datavisualization, flowmap
- Language: TypeScript
- Homepage: https://flowmap.gl
- Size: 15.3 MB
- Stars: 92
- Watchers: 3
- Forks: 15
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-flow-visualization - FlowMap GL - The mot popular way in javascript for visualising O - D data (Tools (by Language/ parent software) / Javascript)
README
# Flowmap.gl
[Flow map](https://en.wikipedia.org/wiki/Flow_map) drawing layer for [deck.gl](http://deck.gl). Can be used for visualizing movement of people (e.g. migration) or objects between geographic locations. The layer is rendered in WebGL and can handle large numbers of flows with a relatively good rendering performance.
Try [FlowmapBlue](https://flowmap.blue/) and [Flowmap City](https://flowmap.city/) for an easy way of publishing flow maps (no programming skills required).
Run the [LIVE EXAMPLE](https://visgl.github.io/flowmap.gl/) or
check the source code of the following examples:
- [Minimal Pure js example](https://github.com/ilyabo/flowmap.gl-purejs-example)
[](https://stackblitz.com/github/ilyabo/flowmap.gl-purejs-example?file=main.js)
- [React example](./examples/react-app)
- [React worker example](./examples/react-worker-app)
- [Svelte example](./examples/svelte-app)
## Development
Building flowmap.gl locally from the source requires Node.js.
We use [yarn](https://yarnpkg.com/en/docs/install) to manage the dependencies.
```bash
# Install dependencies
yarn
# Add your Mapbox token to .env (needed for background map)
cd examples/react-app
cp .env.example .env
# Start example app in dev mode
cd ../..
yarn start
```
[](https://stackblitz.com/github/visgl/flowmap.gl?file=examples%2Freact-app%2Fsrc%2FApp.tsx)
## Contributing to flowmap.gl
Thanks for taking the time to contribute!
PRs and bug reports are welcome.
Please be mindful of and adhere to the Contributor Covenant's [Code of Conduct](CODE_OF_CONDUCT.md) when contributing to flowmap.gl. Also, check out [vis.gl developer process](https://www.github.com/visgl/tsc/tree/master/developer-process).
## Maintainers
- [Ilya Boyandin](https://github.com/ilyabo) – [email protected]
## License
Copyright (c) Flowmap.gl contributors
Copyright (c) 2018-2020 Teralytics
SPDX-License-Identifier: Apache-2.0
[Full-text license](LICENSE)
## Acknowledgements
The project was [originally developed at Teralytics](https://github.com/teralytics/flowmap.gl). Thanks to [Philippe Voinov](https://github.com/tehwalris) for his help with the first version of `FlowLinesLayer`, to [Nikita Rokotyan](https://github.com/rokotyan) for his advice on implementing `AnimatedFlowLinesLayer` and to [Xiaoji Chen](https://github.com/pessimistress) for her help with [deck.gl](http://deck.gl).