31:[] 2f:{"title":"Hello Leaflet.GridCluster","cells":[{"id":0,"value":"md`# Hello Leaflet.GridCluster`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof url = createURL('https://github.com/andy-kay/Leaflet.GridCluster')","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"viewof map = createMap(L)","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"warning = html`

This plugin is not compatible with leaflet >= 1.x.x`","pinned":false,"hidden":false,"mode":"ojs"},{"id":364,"value":"apply = {\n gridCluster;\n const gc = gridCluster(options).addTo(map);\n const group = L.layerGroup(markers);\n\n gc.addLayers(group);\n\n invalidation.then(() => {\n gc.clearAll();\n gc._gridLinesGroup.clearLayers();\n map.removeLayer(gc);\n });\n\n return md`~~~js\n\"Important\" // this cell adds markers to cluster and cluster to map\n~~~`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"md`## Options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"html`

${viewof showGrid}${viewof showCells}${viewof showCentroids}${viewof weightedCentroids}${viewof zoomToCell}${viewof symbolizationVariable}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"html`

${viewof gridSize}${viewof minFeaturesToCluster}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"html`

${viewof zoomFactor}${viewof maxZoom}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"html`

Colors: ${swatches(\n colors\n)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"viewof cellStyle = inputs({\n title: \"cellStyle\",\n className: \"inputs\",\n inputs: {\n color: color({\n value: d3.color('gray').hex(),\n title: \"color\"\n }),\n opacity: slider({\n title: \"opacity\",\n min: 0,\n max: 1,\n precision: 1,\n value: 0.1,\n description: \"default: 0.1\"\n }),\n fillOpacity: slider({\n title: \"fillOpacity\",\n min: 0,\n max: 1,\n precision: 1,\n value: 0.5,\n description: \"default: 0.5\"\n })\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"viewof gridStyle = inputs({\n title: \"gridStyle\",\n className: \"inputs\",\n inputs: {\n color: color({\n value: d3.color('gray').hex(),\n title: \"color\",\n description: \"default: gray\"\n }),\n weight: slider({\n title: \"weight\",\n min: 0,\n max: 20,\n precision: 1,\n value: 1,\n description: \"default: 1\"\n }),\n opactiy: slider({\n title: \"opactiy\",\n min: 0,\n max: 1,\n precision: 1,\n value: 0.8,\n description: \"default: 0.8\"\n })\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"viewof symbolStyle = inputs({\n title: \"symbolStyle\",\n className: \"inputs\",\n inputs: {\n color: color({\n value: \"#013ADF\",\n title: \"color\",\n description: \"default: #013ADF\"\n }),\n fillColor: color({\n value: \"#013ADF\",\n title: \"fillColor\",\n description: \"default: #013ADF\"\n }),\n fillOpacity: slider({\n title: \"fillOpacity\",\n min: 0,\n max: 1,\n precision: 1,\n value: 0.8,\n description: \"default: 0.8\"\n }),\n radius: slider({\n title: \"radius\",\n min: 1,\n max: 100,\n step: 1,\n value: 20,\n description: \"default: 20\"\n })\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"options = ({\n gridSize,\n zoomFactor,\n minFeaturesToCluster,\n colors,\n maxZoom,\n showGrid: showGrid !== false,\n showCells: showCells !== false,\n showCentroids: showCentroids !== false,\n weightedCentroids: weightedCentroids !== false,\n symbolizationVariable,\n zoomToCell: zoomToCell !== false,\n cellStyle,\n gridStyle,\n symbolStyle\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"viewof showGrid = checkbox({\n title: \"showGrid\",\n options: [\"\"],\n value: \"showGrid\",\n description: \"Draws the grid
structure on the map,
default: true\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"viewof showCells = checkbox({\n title: \"showCells\",\n options: [\"\"],\n value: \"showCells\",\n description:\n \"Color coded cells will be used
as cluster symbolizations,
default: true\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"viewof showCentroids = checkbox({\n title: \"showCentroids\",\n options: [\"\"],\n value: \"showCentroids\",\n description:\n \"Label the amount of features
contained by each cluster,
default: true\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":100,"value":"viewof weightedCentroids = checkbox({\n title: \"weightedCentroids\",\n options: [\"\"],\n description:\n \"determines the position of
the labels within each cell,
default: false\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":125,"value":"viewof zoomToCell = checkbox({\n title: \"zoomToCell\",\n options: [\"\"],\n value: \"zoomToCell\",\n description: \"default: true\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"viewof symbolizationVariable = radio({\n title: \"symbolizationVariable\",\n options: ['value', \"size\"],\n value: \"value\",\n description:\n \"Style the cluster markers using color
values or marker size, default: 'value'\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"viewof gridSize = slider({\n min: .01,\n max: 20,\n precision: 2,\n value: 1,\n title: \"gridSize\",\n description: \"the initial size of the cells, required, default: 1\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":93,"value":"viewof minFeaturesToCluster = slider({\n min: 1,\n max: 20,\n step: 1,\n value: 2,\n title: \"minFeaturesToCluster\",\n description:\n \"any amount of features below this will be
represented using the default symbolization
(e.g. marker), default: 2\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":65,"value":"viewof zoomFactor = slider({\n min: .01,\n max: 10,\n precision: 1,\n value: 2,\n title: \"zoomFactor\",\n description:\n \"the factor by which the grid
will be adjusted on zoom, default: 2\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof maxZoom = slider({\n min: 1,\n max: 20,\n step: 1,\n value: 16,\n title: \"maxZoom\",\n description:\n \"until which zoom level should the clustering
be done, default: 16\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"colors = [\n 'rgb(255,255,204)',\n 'rgb(255,237,160)',\n 'rgb(254,217,118)',\n 'rgb(254,178,76)',\n 'rgb(253,141,60)',\n 'rgb(252,78,42)',\n 'rgb(227,26,28)',\n 'rgb(177,0,38)'\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"import { checkbox, radio, slider, color } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"html`