website: Add Global Grids example (#9661)

Author: felixpalmer

examples/layer-browser/data/sf.bike.parking.a5.json

@@ -1,250 +1,242 @@
 [
   {
-    "pentagon": "1ae2f83800000000",
-    "count": 73
+    "pentagon": "1adebaf800000000",
+    "count": 142
   },
   {
-    "pentagon": "1ae2f87800000000",
-    "count": 165
+    "pentagon": "1ae2980800000000",
+    "count": 195
   },
   {
-    "pentagon": "1ae2f8e800000000",
-    "count": 145
+    "pentagon": "1adebba800000000",
+    "count": 158
   },
   {
-    "pentagon": "1ae2f8c800000000",
-    "count": 137
+    "pentagon": "1ae2979800000000",
+    "count": 203
   },
   {
-    "pentagon": "1ae2f89800000000",
-    "count": 41
+    "pentagon": "1ae2982800000000",
+    "count": 66
   },
   {
-    "pentagon": "1ae2f8d800000000",
-    "count": 154
+    "pentagon": "1adeba4800000000",
+    "count": 3
   },
   {
-    "pentagon": "1ae2f84800000000",
-    "count": 199
+    "pentagon": "1adebbb800000000",
+    "count": 56
   },
   {
-    "pentagon": "1ae2f85800000000",
-    "count": 211
+    "pentagon": "1ae2966800000000",
+    "count": 34
   },
   {
-    "pentagon": "1ae2d28800000000",
-    "count": 84
+    "pentagon": "1ae297a800000000",
+    "count": 305
   },
   {
-    "pentagon": "1ae2f81800000000",
-    "count": 42
+    "pentagon": "1adebc2800000000",
+    "count": 73
   },
   {
-    "pentagon": "1ae2f5a800000000",
-    "count": 35
+    "pentagon": "1adebae800000000",
+    "count": 223
   },
   {
-    "pentagon": "1ae2f77800000000",
-    "count": 46
+    "pentagon": "1ae2976800000000",
+    "count": 30
   },
   {
-    "pentagon": "1ae2f82800000000",
-    "count": 187
+    "pentagon": "1adebb9800000000",
+    "count": 82
   },
   {
-    "pentagon": "1ae2f72800000000",
-    "count": 23
+    "pentagon": "1adebc0800000000",
+    "count": 122
   },
   {
-    "pentagon": "1ae2f95800000000",
-    "count": 31
+    "pentagon": "1ae2987800000000",
+    "count": 14
   },
   {
-    "pentagon": "1ae2f7e800000000",
-    "count": 36
+    "pentagon": "1adeba3800000000",
+    "count": 26
   },
   {
-    "pentagon": "1ae2f86800000000",
-    "count": 147
+    "pentagon": "1adebc6800000000",
+    "count": 43
   },
   {
-    "pentagon": "1ae2f9e800000000",
-    "count": 11
+    "pentagon": "1adebc7800000000",
+    "count": 65
   },
   {
-    "pentagon": "1ae2f88800000000",
-    "count": 140
+    "pentagon": "1ae296f800000000",
+    "count": 75
   },
   {
-    "pentagon": "1ae2f75800000000",
+    "pentagon": "1ae297b800000000",
+    "count": 66
+  },
+  {
+    "pentagon": "1ae2981800000000",
     "count": 60
   },
   {
-    "pentagon": "1ae2f73800000000",
-    "count": 14
+    "pentagon": "1adebac800000000",
+    "count": 27
   },
   {
-    "pentagon": "1ae2f93800000000",
-    "count": 22
+    "pentagon": "1ae2962800000000",
+    "count": 19
   },
   {
-    "pentagon": "1ae2f8b800000000",
-    "count": 54
+    "pentagon": "1adebca800000000",
+    "count": 17
   },
   {
-    "pentagon": "1ae2f74800000000",
-    "count": 80
+    "pentagon": "1ae296d800000000",
+    "count": 7
   },
   {
-    "pentagon": "1ae2f90800000000",
+    "pentagon": "1ae296c800000000",
     "count": 16
   },
   {
-    "pentagon": "1ae2f59800000000",
-    "count": 20
+    "pentagon": "1ae2961800000000",
+    "count": 3
   },
   {
-    "pentagon": "1ae2f6f800000000",
-    "count": 4
+    "pentagon": "1ae2965800000000",
+    "count": 18
   },
   {
-    "pentagon": "1ae2f58800000000",
-    "count": 11
+    "pentagon": "1adebad800000000",
+    "count": 128
   },
   {
-    "pentagon": "1ae2f8f800000000",
-    "count": 26
+    "pentagon": "1adebc1800000000",
+    "count": 31
   },
   {
-    "pentagon": "1ae2f71800000000",
+    "pentagon": "1ae2975800000000",
     "count": 5
   },
   {
-    "pentagon": "1ae2f5b800000000",
-    "count": 6
-  },
-  {
-    "pentagon": "1ae2fba800000000",
-    "count": 22
-  },
-  {
-    "pentagon": "1ae2f57800000000",
-    "count": 16
+    "pentagon": "1adebcb800000000",
+    "count": 7
   },
   {
-    "pentagon": "1ae2f7b800000000",
-    "count": 32
+    "pentagon": "1ae2960800000000",
+    "count": 11
   },
   {
-    "pentagon": "1ae2f91800000000",
-    "count": 3
+    "pentagon": "1adebc5800000000",
+    "count": 19
   },
   {
-    "pentagon": "1ae2f7f800000000",
-    "count": 28
+    "pentagon": "1ae2974800000000",
+    "count": 8
   },
   {
-    "pentagon": "1ae2d29800000000",
-    "count": 2
+    "pentagon": "1adebc9800000000",
+    "count": 12
   },
   {
-    "pentagon": "1ae2f97800000000",
-    "count": 10
+    "pentagon": "1ae2963800000000",
+    "count": 12
   },
   {
-    "pentagon": "1ae2f78800000000",
-    "count": 21
+    "pentagon": "1ae2968800000000",
+    "count": 4
   },
   {
-    "pentagon": "1ae2f6e800000000",
-    "count": 2
+    "pentagon": "1ae297c800000000",
+    "count": 4
   },
   {
-    "pentagon": "1ae2f79800000000",
-    "count": 9
+    "pentagon": "1ae2978800000000",
+    "count": 6
   },
   {
-    "pentagon": "1ae2f51800000000",
-    "count": 27
+    "pentagon": "1ae2967800000000",
+    "count": 1
   },
   {
-    "pentagon": "1ae2f7d800000000",
-    "count": 30
+    "pentagon": "1adebc4800000000",
+    "count": 24
   },
   {
-    "pentagon": "1ae2f76800000000",
+    "pentagon": "1ae2977800000000",
     "count": 7
   },
   {
-    "pentagon": "1ae2f6d800000000",
-    "count": 2
+    "pentagon": "1adebc3800000000",
+    "count": 6
   },
   {
-    "pentagon": "1ae2f70800000000",
-    "count": 1
+    "pentagon": "1adebc8800000000",
+    "count": 4
   },
   {
-    "pentagon": "1ae2d22800000000",
-    "count": 14
+    "pentagon": "1adebcf800000000",
+    "count": 26
   },
   {
-    "pentagon": "1ae2f52800000000",
+    "pentagon": "1ae296b800000000",
     "count": 9
   },
   {
-    "pentagon": "1ae2fb9800000000",
-    "count": 10
-  },
-  {
-    "pentagon": "1ae2fbb800000000",
-    "count": 2
+    "pentagon": "1ae2969800000000",
+    "count": 1
   },
   {
-    "pentagon": "1ae2f9d800000000",
-    "count": 2
+    "pentagon": "1ae2986800000000",
+    "count": 3
   },
   {
-    "pentagon": "1ae2f7a800000000",
-    "count": 4
+    "pentagon": "1adebb8800000000",
+    "count": 3
   },
   {
-    "pentagon": "1ae2f54800000000",
-    "count": 8
+    "pentagon": "1ae2964800000000",
+    "count": 5
   },
   {
-    "pentagon": "1ae2f92800000000",
-    "count": 11
+    "pentagon": "1ae2973800000000",
+    "count": 15
   },
   {
-    "pentagon": "1ae2f98800000000",
-    "count": 5
+    "pentagon": "1adebcc800000000",
+    "count": 2
   },
   {
-    "pentagon": "1ae2f55800000000",
+    "pentagon": "1adebda800000000",
     "count": 4
   },
   {
-    "pentagon": "1ae2f50800000000",
-    "count": 6
+    "pentagon": "1adebd0800000000",
+    "count": 3
   },
   {
-    "pentagon": "1ae2f53800000000",
-    "count": 1
+    "pentagon": "1ae2972800000000",
+    "count": 2
   },
   {
-    "pentagon": "1ae2f94800000000",
+    "pentagon": "1adebdc800000000",
     "count": 3
   },
   {
-    "pentagon": "1ae2f96800000000",
-    "count": 1
+    "pentagon": "1ae2983800000000",
+    "count": 4
   },
   {
-    "pentagon": "1ae2f80800000000",
+    "pentagon": "1ae297d800000000",
     "count": 2
   },
   {
-    "pentagon": "1ae2f9c800000000",
+    "pentagon": "1ae2971800000000",
     "count": 1
   }
 ]

examples/website/global-grids/README.md

@@ -0,0 +1,14 @@
+This is a example of the Global Grid Layer supported in deck.gl.
+
+## Usage
+
+Copy the content of this folder to your project. 
+
+```bash
+# install dependencies
+npm install
+# or
+yarn
+# bundle and serve the app with vite
+npm start
+```