Published unlisted
Edited
Apr 8, 2021
mutable totalLimeRequired = 0
L = require("leaflet")
leafletShades = await require("leaflet-shades/dist/leaflet-shades")
html`<link href='${resolve('leaflet/dist/leaflet.css')}' rel='stylesheet' />`
html`<link href='${resolve('leaflet-shades/src/css/leaflet-shades.css')}' rel='stylesheet' />`
geotiff = require("geotiff")
plotty = require("plotty/dist/plotty.js")
function pixelFromLatLng(image, [lat, lng]) {
// from http://geoexamples.com/d3-raster-tools-docs/intr/geotransform.html
let GT = geoTransform(image);
// N.B. swap lat/lng from coordinates to pixel X/Y
let Xpixel = (lng - GT[0]) / GT[1];
let Ypixel = (lat - GT[3]) / GT[5];
return [Math.floor(Xpixel), Math.floor(Ypixel)];
}
function geoTransform(image) {
// equation from http://geoexamples.com/d3-raster-tools-docs/intr/reading-raster-data.html
let tiepoint = image.getTiePoints()[0];
let pixelScale = image.getFileDirectory().ModelPixelScale;
return [tiepoint.x, pixelScale[0], 0, tiepoint.y, 0, -1*pixelScale[1]];
}
THREE = {
const THREE = window.THREE = await require("three/build/three.min.js");
await require("three/examples/js/controls/OrbitControls.js").catch(() => {});
return THREE;
}
proj4 = require('proj4')
import {legend, swatches} from "@d3/color-legend"
d3 = require("d3@6")
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.
