# @flowmap.gl/layers

Latest version **9.4.0** (published 2026-06-16) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @flowmap.gl/layers
pnpm add @flowmap.gl/layers
yarn add @flowmap.gl/layers
bun add @flowmap.gl/layers
```

## Health

**Score 60/100 (C)** — status: active.

Positive: has types; esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 9.4.0 |
| Published | 2026-06-16 |
| First published | 2021-12-20 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 427.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 141 |
| Author | Ilya Boyandin |
| Maintainers | ilyabo, fnberta |

## Links

- npm: https://www.npmjs.com/package/@flowmap.gl/layers
- Repository: https://github.com/visgl/flowmap.gl
- Homepage: https://github.com/visgl/flowmap.gl#readme
- Issues: https://github.com/visgl/flowmap.gl/issues
- npm.io page: https://npm.io/package/@flowmap.gl/layers

## Dependencies (1)

- [@flowmap.gl/data](https://npm.io/package/@flowmap.gl/data.md) ^9.4.0

## Recent versions

- 9.4.0 (latest) — 2026-06-16
- 8.0.0-alpha.27 (next) — 2023-10-02
- 9.3.0 — 2026-05-07
- 9.2.0 — 2026-04-16
- 9.1.0 — 2026-04-13
- 9.0.0 — 2026-04-11
- 8.0.3 — 2026-02-11
- 8.0.2 — 2024-03-06
- 8.0.1 — 2023-10-09
- 8.0.0-alpha.26 — 2023-09-16
- 8.0.0-alpha.25 — 2022-06-13
- 8.0.0-alpha.24 — 2022-05-29
- 8.0.0-alpha.23 — 2022-03-17
- 8.0.0-alpha.22 — 2022-03-17
- 8.0.0-alpha.21 — 2022-02-15
- … 21 more at https://npm.io/package/@flowmap.gl/layers/versions

## README

# Flowmap.gl

<a href=https://flowmap-layer-demo.netlify.app><img alt=flowmap-gl src=https://user-images.githubusercontent.com/351828/147912794-36eab3ce-7ce3-40d6-ad24-4a11c1bda924.jpg width=400></a>

[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://flowmap-layer-demo.netlify.app) or
check the source code of the following examples:

- [Minimal Pure js example](https://github.com/ilyabo/flowmap.gl-purejs-example)

  [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz_small.svg)](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
```

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz_small.svg)](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) – ilya@boyandin.me

## 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).

---
_Source: https://npm.io/package/@flowmap.gl/layers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._