Conflict Resolution, GIS, Tacos
Published
Edited
Nov 4, 2021
Resizing Images with GeoWarp
geowarp = import("https://cdn.skypack.dev/geowarp").then(module => module.default)
url = "https://storage.googleapis.com/pdd-stac/disasters/hurricane-harvey/0831/20170831_172754_101c_3b_Visual.tif"
GeoTIFF = require("geotiff")
fromUrl = GeoTIFF.fromUrl
geotiff = fromUrl(url)
image = geotiff.getImage()
read_height = 300
read_width = 800
rasters = geotiff.readRasters({ height: read_height, width: read_width })
toImageData = import("https://cdn.skypack.dev/to-image-data").then(module => module.default)
image_data = toImageData(rasters)
function image_data_to_canvas(image_data) {
const canvas = document.createElement("CANVAS");
canvas.height = image_data.height;
canvas.width = image_data.width;
const context = canvas.getContext("2d");
context.putImageData(image_data, 0, 0);
return canvas;
}
image_data_to_canvas(image_data)
now try to resize
function resize({ data, debug_level=0, in_height, in_width, in_layout, out_height, out_width, out_layout, method = "median", round = false, theoretical_min, theoretical_max }) {
const bbox = [0, 0, in_width, in_height];
return geowarp({
debug_level,
in_data: data,
in_bbox: bbox,
in_layout,
in_width,
in_height,
out_bbox: bbox,
out_layout,
out_height,
out_width,
method: method || "median",
round,
theoretical_min,
theoretical_max
}).data;
}
resized_height = 150
resized_width = 300
resized_rasters = resize({ data: rasters, in_height: read_height, in_width: read_width, in_layout: "[band][row,column]", out_layout: "[band][row][column]", out_height: resized_height, out_width: resized_width, method: "median"})
resized_image_data = toImageData({ data: resized_rasters, height: resized_height, width: resized_width })
image_data_to_canvas(resized_image_data)
xdim = import("https://cdn.skypack.dev/xdim")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
