29:null 2a:["$","title",null,{"children":"Quebecflood2019_Sentinel1 | Vincent Sarago | Observable"}] 2f:T448,{ let maps = html`

`; yield maps; let map = new mapboxgl.Map({ container: 'map', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); map.on('load', () => { let url = encodeURIComponent('https://s3.amazonaws.com/opendata.remotepixel.ca/sentinel-s1-l1c/{S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0,S1B_IW_GRDH_1SDV_20190426T225139_20190426T225207_015984_01E0AB_80C5,S1A_IW_GRDH_1SDV_20190502T225219_20190502T225244_027055_030C2D_CAA2}/iw-vh.tif') map.addSource('raster', { type: 'raster', url: `https://kbt3ysotx0.execute-api.eu-central-1.amazonaws.com/production/tilejson.json?url=${url}&&rescale=10,250`, tileSize: 256 }) map.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) }30:T641, { let maps = html`

`; yield maps; let beforeMap = new mapboxgl.Map({ container: 'before', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let afterMap = new mapboxgl.Map({ container: 'after', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let map = new compare(beforeMap, afterMap, {}); beforeMap.on('load', () => { beforeMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif&rescale=10,250', tileSize: 256 }) beforeMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) afterMap.on('load', () => { afterMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1B_IW_GRDH_1SDV_20190426T225139_20190426T225207_015984_01E0AB_80C5/iw-vh.tif&rescale=10,250', tileSize: 256 }) afterMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) } 31:T63a,{ let maps = html`

`; yield maps; let beforeMap = new mapboxgl.Map({ container: 'before2', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let afterMap = new mapboxgl.Map({ container: 'after2', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let map = new compare(beforeMap, afterMap, {}); beforeMap.on('load', () => { beforeMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif&rescale=10,250', tileSize: 256 }) beforeMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) afterMap.on('load', () => { afterMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20190502T225219_20190502T225244_027055_030C2D_CAA2/iw-vh.tif&rescale=10,250', tileSize: 256 }) afterMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) } 32:[] 2d:{"id":"c8dc5241f2726542","slug":"quebecflood2019_sentinel1","title":"Quebecflood2019_Sentinel1","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2019-05-03T17:03:50.794Z","update_time":"$D2019-10-28T16:38:49.535Z","view_time":null,"first_public_time":"$D2019-05-03T20:05:40.070Z","has_unpublished_edits":null,"fork":{"id":"701ef9516c3b24dd","slug":"quebecflood2019","title":"Quebecflood2019","owner":{"id":"81bc5a12fbe272ae","login":"vincentsarago","name":"Vincent Sarago"}},"stars":0,"starred":false,"owner":{"type":"team","id":"81bc5a12fbe272ae","login":"vincentsarago","name":"Vincent Sarago","avatar_url":"https://avatars-next.observableusercontent.com/037e8a3cb4c3c19169c84c1dddef2360f41d4dc2e9bddbb3aed33ce8b6fc4e99","tier":"starter_2024"},"version":262,"publish_version":262,"role":null,"authored":false,"authors":[{"type":"individual","id":"38ad66b10d95cf22","login":"vincentsarago","name":"Vincent Sarago","avatar_url":"https://avatars-next.observableusercontent.com/037e8a3cb4c3c19169c84c1dddef2360f41d4dc2e9bddbb3aed33ce8b6fc4e99","tier":null}],"members":[{"type":"individual","id":"38ad66b10d95cf22","login":"vincentsarago","name":"Vincent Sarago","avatar_url":"https://avatars-next.observableusercontent.com/037e8a3cb4c3c19169c84c1dddef2360f41d4dc2e9bddbb3aed33ce8b6fc4e99","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Quebecflood2019_Sentinel1","cells":[{"id":55,"value":"md`# Quebecflood2019_Sentinel1`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`#### Sentinel-1 VH - Multi Temporal\n- Red: 2018/09/04 \n- Green: 2019/04/26\n- Blue: 2019/05/02`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"md`### How To`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"md`\n # Download sentinel-1 scene\n $ aws s3 cp s3://sentinel-s1-l1c/GRD/2018/9/4/IW/DV/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/measurement/iw-vh.tiff . --request-payer\n \n # Apply thin plate spline transformer based on available GCPs and reproject image\n $ gdalwarp -tps -r bilinear -srcnodata 0 -dstnodata 0 iw-vh.tiff iw-vhc.tiff\n \n # Create proper Cloud Optimized Geotiff\n $ rio cogeo create iw-vhc.tiff iw-vh_cog.tiff --co zlevel=6\n\n # Upload to S3\n $ aws s3 cp iw-vh_cog.tiff s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif --profile remotepixel --acl public-read\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"md`We then use [rio-tiler-glob](https://github.com/vincentsarago/rio-tiler-glob) to dynamically construct RGB tile image with the 3 scenes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"md`#### Sentinel-1 VH - 2018/09/04 vs 2019/04/26`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"md`#### Sentinel-1 VH - 2018/09/04 vs 2019/05/02`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl\");\n const href = await require.resolve(\"mapbox-gl/dist/mapbox-gl.css\");\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"compare = require('https://bundle.run/mapbox-gl-compare@0.2.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"