vector-charts-example-apps/README.md at main · vector-charts/vector-charts-example-apps

Vector Charts Example Apps

Example applications demonstrating usage of the Vector Charts API using Mapbox GL JS and other map renderers.

For more documentation on how to use the Vector Charts API, please see our documentation at docs.vectorcharts.com.

Each example is a separate React application. To run an app:

Navigate into to the subfolder.
Run npm install to install dependencies.
Replace the placeholders in .env.development with a live token from the Vector Charts Cloud.
Run npm run start to start a dev server.

example-1-template: Base React application, boilerplate for other examples.
example-2-mapbox: Mapbox GL JS rendering 3D globe with vector tiles.
example-3-leaflet-raster: 2D raster map using Leaflet.
example-4-leaflet-vector: 2D vector map using Leaflet and leaflet-maplibre-gl
example-5-openlayers-raster: 2D raster map using OpenLayers.
example-6-openlayers-vector: Vector tiles using OpenLayers (Experimental, poor performance)
example-7-maplibre: MapLibre GL JS rendering 3D globe with vector tiles.
example-8-cesiumjs: (WIP) 3D raster map in Cesium JS
example-9-mapbox-fonts: Example of overriding the fontstack in Mapbox.
example-10-geojson-api: Example of using the GeoJson API to query raw data.
example-11-shoreline-api: Example of using the Shoreline API to query raw data.