Example: CARTO Widgets over H3 Spatial Index sources

This is an evolution of our H3 example, adding charts and filtering capabilities.

It showcases how to use Widget models in CARTO to easily build interactive data visualizations that stay synchronized with the map, with added interactions such as filtering with inputs or by clicking in the charts. And in this case, how to integrate them into spatial index sources, such as H3 and Quadbin, for optimal performance and scalability.

The UI for the charts is built using Chart JS but developers can plug their own charting or data visualization library.

Uses Vite to bundle and serve files.

Usage

Warning

Please make sure you recreate the .env file from this repository in your Stackblitz project.

Or run it locally:

npm install
# or
yarn

Commands:

• npm run dev is the development target, to serve the app and hot reload.
• npm run build is the production target, to create the final bundle and write to disk.