Published unlisted
Edited
Dec 16, 2019
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
pins = d3.csvParse(`longitude,latitude,type
0,0,A
33,-1,A
30,-3,B
30,-2.5,B
31,-2.5,C
36,2,C
37,2,C
`)
Insert cell
// viewof height = text({title: "Map heigth (in px)", value: 400})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
icons = { return {
0: style('default', 'gray', 'white'),
A: style('square', 'red'),
B: style('triangle', 'green'),
C: style('star', 'blue')
} }
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
html`<p>download...</p><a id="image-download" download="map.png"></a>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more