Dataviz @ databricks
Published unlisted
Edited
Aug 30, 2020
2 stars
projection = d3.geoMercator().fitExtent([[0, 0], [width, height]], data)
{
const canvas = DOM.canvas(width, height);
const c = canvas.getContext('2d');
const path = d3.geoPath(projection, c);
const [minx, miny] = projection(extents.max);
const [maxx, maxy] = projection(extents.min);
const wx = Math.abs(maxx - minx);
const wy = Math.abs(maxy - miny);
c.drawImage(bufferCanvas, minx, miny, wx, wy);
// reference curves
c.strokeStyle = "lightblue";
c.fillStyle = "none";
c.beginPath();
const riverpaths = path(rivers);
c.stroke();
c.beginPath();
path({ type: "MultiPoint", coordinates: [extents.min, extents.max] });
c.fillStyle = "red";
c.fill();
if (showPollingLocations) {
c.beginPath();
path.pointRadius(1.5)(data);
c.fillStyle = "steelblue";
c.strokeStyle = "black";
c.stroke();
c.fill();
}
return canvas;
}
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.
