2b:null 2c:["$","title",null,{"children":"OilSlick side-by-side | Thad Kerosky | Observable"}] 31:[] 2f:{"id":"ddc86ffe00247375","slug":"oilslick-side-by-side","title":"OilSlick side-by-side","thumbnail":"01cab14c05aaffa584473f00983ca05c300f6126b46a8041dab98b16de1e92f0","access_level":"public","create_time":"$D2022-02-20T06:07:12.232Z","update_time":"$D2022-02-21T07:32:17.898Z","view_time":null,"first_public_time":"$D2022-02-20T08:29:33.009Z","fork":{"id":"a974b0b0f359abab","slug":"esri-world-imagery-in-mapbox-gl-js","title":"ESRI World Imagery in Mapbox GL JS","owner":{"id":"97e03c8520c8407e","login":"bryik","name":"Ben Pyrik"}},"stars":1,"starred":false,"owner":{"type":"team","id":"5cd4a42aead2029f","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":"starter_2024"},"version":484,"publish_version":484,"role":null,"authored":false,"authors":[{"type":"individual","id":"be3e6e81af18a319","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":null}],"members":[{"type":"individual","id":"be3e6e81af18a319","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"69b3a340350d64a2","slug":"published","title":"Published","owner":{"id":"5cd4a42aead2029f","login":"thadk","name":"Thad Kerosky"}},"type":"notebook","body":{"title":"OilSlick side-by-side","cells":[{"id":0,"value":"md`# OilSlick side-by-side\nremixing http://mrgris.com/projects/oilslick/ (see creative commons terms there). Thanks [Fil](https://observablehq.com/@fil) for noting https issue. Fullscreen at right, esc to leave it.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"cell = html`

${container}${legend}${containerPolitical}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"viewof radios = Inputs.radio(\n [\n {\n id: \"oilslick\",\n type: \"raster\",\n source: \"oilslick\",\n minzoom: 0,\n maxzoom: 10\n },\n {\n id: \"OpenStreetMap\",\n type: \"raster\",\n source: \"osm\",\n minzoom: 0,\n maxzoom: 22\n },\n {\n id: \"worldImagery\",\n type: \"raster\",\n source: \"worldImagery\",\n minzoom: 0,\n maxzoom: 22\n },\n // {\n // id: \"mapbox\"\n // },\n null\n ],\n {\n label: \"Select basemap\",\n format: (x) => (x !== null ? x.id : \"default\")\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"md`### Code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"{\n radios;\n if (radios !== null && radios.id === \"mapbox\") {\n mapPolitical.setStyle(\"mapbox://styles/mapbox/streets-v9\");\n } else {\n mapPolitical.setStyle(mapStylePolitical);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"// fullscreen = {\n// const button = html`