Published
Edited
Oct 7, 2021
Helper
img = await Jimp.read(image.src);
linspace = function(start, stop, nsteps){
let delta = (stop-start)/(nsteps-1)
return d3.range(start, stop+delta, delta).slice(0, nsteps);
}
H = linspace(0, parseFloat(height), img.bitmap.height)
W = linspace(0, parseFloat(width), img.bitmap.width)
closestIndex = function (x, arr) {
var indexArr = arr.map(k => Math.abs(k - x) );
var min = Math.min.apply(Math, indexArr);
return indexArr.indexOf(min);
}
math = require("https://cdnjs.cloudflare.com/ajax/libs/mathjs/5.4.2/math.min.js")
Plotly = require("https://cdn.plot.ly/plotly-latest.min.js")
Jimp = require('https://cdnout.com/jimp/jimp.js')
import {imageInput} from "@mbostock/file-input"
import {slider} from "@jashkenas/inputs"
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.
