https://github.com/suizer98/samplevuedeckgl
A simple Vue project consists of Deck.gl rendered visualisation
https://github.com/suizer98/samplevuedeckgl
Last synced: 9 months ago
JSON representation
A simple Vue project consists of Deck.gl rendered visualisation
- Host: GitHub
- URL: https://github.com/suizer98/samplevuedeckgl
- Owner: Suizer98
- Created: 2024-07-31T10:08:56.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-02T08:21:08.000Z (almost 2 years ago)
- Last Synced: 2025-07-03T17:04:16.862Z (12 months ago)
- Language: TypeScript
- Homepage: https://samplevuedeckgl.vercel.app/
- Size: 564 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sample Vue Deck.GL
This project demonstrates how to integrate Deck.gl with Vue to create interactive and visually appealing maps and data visualizations. The project uses `maplibre-gl` for the base map and various layers from Deck.gl for data visualization.
Tech stacks:
## Local developments
### Prerequisites
In the project directory, you can either prepare below for local developments:
- Node.js (version 14 or later)
- npm (version 6 or later)
### NPM commands
Runs the app in the development mode. Open [http://localhost:3000/](http://localhost:3000/) to view it in the browser.
```
npm install
npm run dev
```
The page will reload if you make edits.
You will also see any lint errors in the console.
### Typing issues message
The `Vite Checker` is constantly checking if any typing issues exist in
our TypeScript codes by prompting messages in runtime.
### Found issues in code style?
To fix all formatting and linting using `prettier`:
```
npm run format
```
### Check if build error exists?
To see if any errors prevent production build compilation:
```
npm run build
```