https://github.com/joeyklee/wind-map
Canvas based wind map flow field
https://github.com/joeyklee/wind-map
Last synced: 3 months ago
JSON representation
Canvas based wind map flow field
- Host: GitHub
- URL: https://github.com/joeyklee/wind-map
- Owner: joeyklee
- License: isc
- Created: 2025-02-16T01:43:27.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-16T07:29:05.000Z (4 months ago)
- Last Synced: 2025-02-16T08:20:46.663Z (4 months ago)
- Language: Svelte
- Homepage: https://joeyklee.github.io/wind-map/
- Size: 558 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wind Map
To run this...
## Setup
Create a `.env` file and add:
```txt
VITE_MAPBOX_ACCESS_TOKEN=
```
```sh
# use the correct
nvm use
# install dependencies
npm i
# run the dev server
npm run dev
```
## Adjusting parameters
If you have different data, you'll need to adjust the parameters in the `Map` and `CanvasWindLayer` or `WebglWindLayer`!
## Credits
- Core idea via Natue of Code - Dan Shiffman
- Spatial indexing: KDBush
- Mappling libraries: Maplibre, Mapboxgl
- spatial helpers: Turfjs
- datetime handling: Dayjs
- @joeyklee/whateverest-vector
## deploying to gh pages
https://svelte.dev/docs/kit/adapter-static#GitHub-Pages
- make sure to set `prerender=true` in `routes/+layout.js`
## License
This project uses the following open-source libraries:
- **KDBush** (ISC [License](https://github.com/mourner/kdbush/blob/main/LICENSE))
Copyright (c) 2018 Vladimir Agafonkin
- **Maplibre-gl** ([License](https://github.com/maplibre/maplibre-gl-js/blob/main/LICENSE.txt))
Copyright (c) 2023, MapLibre contributors
- **Dayjs** (MIT [License](https://github.com/iamkun/dayjs/blob/dev/LICENSE))
Copyright (c) 2018-present, iamkun
- **Svelte** (MIT [License](https://github.com/sveltejs/svelte/blob/main/LICENSE.md))
Copyright (c) 2016-2025 [these people](https://github.com/sveltejs/svelte/graphs/contributors)
- **Turfjs** (MIT [License](https://github.com/Turfjs/turf/blob/master/LICENSE))
Copyright (c) 2019 Morgan Herlocker
- **Pixijs** (The MIT [License](https://github.com/pixijs/pixijs/blob/dev/LICENSE))
Copyright (c) 2013-2023 Mathew Groves, Chad Engler
---
Created using vite & sveltekit
# sv
Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
## Creating a project
If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npx sv create
# create a new project in my-app
npx sv create my-app
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.