Data and Digital Storytelling Lead @ 360info.org, hosted by Monash University. ❤️ making things for fun and for social good!
Public
Edited
Mar 18, 2024
links = [
{ from_lat: -37.5, from_lon: 145, to_lat: -33.8688, to_lon: 151, name: "Sydney", count: 300 },
{ from_lat: -37.5, from_lon: 145, to_lat: -42.8826, to_lon: 147, name: "Hobart", count: 600 },
{ from_lat: -37.5, from_lon: 145, to_lat: -34.9285, to_lon: 138.6, name: "Adelaide", count: 1500 }
]
Plot.plot({
projection: { type: "orthographic", rotate: [-150, 45] },
marks: [
Plot.sphere(),
Plot.graticule(),
Plot.arrow(links, {
x1: "from_lon",
x2: "to_lon",
y1: "from_lat",
y2: "to_lat"
})
]
})
Plot.plot({
projection: { type: "orthographic", rotate: [-150, 45] },
marks: [
Plot.sphere(),
Plot.graticule(),
Plot.arrow(links, {
x1: "from_lon",
x2: "to_lon",
y1: "from_lat",
y2: "to_lat",
strokeWidth: "count"
})
]
})
Plot.plot({
projection: { type: "orthographic", rotate: [-150, 45] },
marks: [
Plot.sphere(),
Plot.graticule(),
Plot.arrow(links, {
x1: "from_lon",
x2: "to_lon",
y1: "from_lat",
y2: "to_lat",
strokeWidth: "count"
})
],
strokeWidth: {
type: "log",
domain: d3.range(links.map(d => d.count)),
range: [1, 5]
}
})
Plot.plot({
projection: { type: "orthographic", rotate: [-150, 45] },
marks: [
Plot.sphere(),
Plot.graticule(),
Plot.arrow(links, {
x1: "from_lon",
x2: "to_lon",
y1: "from_lat",
y2: "to_lat",
strokeWidth: d => d.count / 100
})
]
})
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.
