Visualization, Prototypes, ML, Data wrangling and Art.
dataMeta
//data.map(d => data.filter(e => e.x === d.x && e.y === d.y))
data
randomPoint = data[parseInt(Math.random()*data.length)]
randomPoint3 = data.find(d => d.id === "5ju0jhggagm31")
n = 1000
siblings = getSiblings(randomPoint, n)
//siblings.map(d => dataMeta.find(e => e.id === d.id)._layerId).toString()
function makeUrl(id){ return `https://vikusviewer.fh-potsdam.de/layers/data/png/128c/${id}.png`; }
distanceExtent = d3.extent(siblings, d => d.distance)
ra = d3.scaleLinear()
.domain(distanceExtent)
.range([30, 20]);
ra2 = d3.scaleLinear()
.domain(distanceExtent)
.range([50, 10]);
loadImage(makeUrl(randomPoint.id))
md`# utils`
loadImage = src => {
return new Promise((resolve, error) => {
const image = new Image();
image.onload = _ => resolve(image)
image.onerror = _ => error()
image.src = src
})
}
import {fileInput} from "@mbostock/file-input"
d3 = require("d3", "d3-delaunay", "d3-polygon")
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.
