https://docs.google.com/spreadsheets/d/1EzCISqiPuOidqg7pvUhFVEmFFsEZE-IQNRy88NFZU0o/edit#gid=0

The platform: https://h3geo.org/

Blog with details: https://www.uber.com/en-IN/blog/h3/

Granularity table - https://h3geo.org/docs/core-library/restable/

Netlify - https://main--cute-cascaron-33c512.netlify.app/locn-bangalore

UI inspiration - https://what3words.com/hints.sporting.permit

Crude Workflow

draw the boundaries of the area that you want to hexagonise on https://geojson.io/#map=16.62/12.952396/77.576822 take the feature collection json and store is geojson which can be embedded in the map

import geojson2h3 from 'geojson2h3';

const hexagons = geojson2h3.featureToH3Set(LocnBangaloreHexagon.features[0], resolution);

const feature = geojson2h3.h3SetToMultiPolygonFeature(hexagons);

console.log('geoJSON' + resolution);

console.log(feature);

copy the object from the browser console

use https://geojson.io/#map=9.09/12.9563/77.5585 for cleaning up the output

create a geojson file

use this file as a layer in React Leaflet

output at https://cute-cascaron-33c512.netlify.app/locn-bangalore

https://what3words.com/goodbye.valuables.shredding

    All notes