Vis DSS with Vite, React, and Deck.gl

This is an app for visualizing OpenDSS data using Vite, React, and Deck.gl. It's based on the template for vite.js + React, and the GeoJsonLayer example from deck.gl.

Deck.gl

This is a minimal standalone version of the GeoJsonLayer (Polygons) example on deck.gl website.

Usage

Copy the content of this folder to your project.

# install dependencies
npm install
# or
yarn
# bundle and serve the app with vite
npm start

Data format

Sample data is stored in deck.gl Example Data, showing the property values of Vancouver. Source

To use your own data, check out the documentation of GeoJsonLayer.

Basemap

The basemap in this example is provided by CARTO free basemap service. To use an alternative base map solution, visit this guide

Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh