html`
<img style="-webkit-user-select: none;margin: auto;background-color: hsl(0, 0%, 90%);" src= ${result.href}>
`
result.href
world_file=`
${(xmax - xmin)/(width - 1)}
0
0
-${(ymax - ymin)/(width - 1)}
${xmin}
${ymax}
`
cors_proxy = "https://observable-cors.glitch.me/"
image_data = fetch(
url_base + "?f=pjson"
).then((response) => response.json())
result = fetch(url_spec).then((response) => response.json())
url_spec = cors_proxy + url_base + "/export?bbox=" + xmin + "," + ymin + "," + xmax + "," + ymax + "bboxSR=" + sr + "," + "imageSR=" + sr +"&layers=show:" + "0" + "size=" + img_width + "," + img_height +"&format=" + "png" + "&transparent=true&dpi=&f=pjson"
xmin = image_data.fullExtent.xmin
xmax = image_data.fullExtent.xmax
ymin = image_data.fullExtent.ymin
ymax = image_data.fullExtent.ymax
sr = image_data.spatialReference.wkid
img_width = image_data.maxImageWidth
img_height = image_data.maxImageHeight
size = `${img_width}, ${img_height}`
layers = Object.keys(image_data.layers).join(", ")
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.
