Published
Edited
Nov 29, 2021
1 fork
Insert cell
Insert cell
viewof checkboxes = Inputs.checkbox(['Africa', 'Asia', 'North America', 'Europe', 'South America', 'Oceania'], {label: "Select Continents"})
Insert cell
selectedMonitors = monitors.filter((monitor)=> checkboxes.includes(monitor.Continent))
Insert cell
colorScale = d3.scaleOrdinal(
[...new Set(checkboxes)],
d3.schemeTableau10
)
Insert cell
chart = addLegend(Plot.plot({
marks: [
Plot.dot(selectedMonitors, {x: "X", y: "Y", stroke: "Continent", title: (datum) => `ASN: ${datum["ASN"]}\nPeer IP: ${datum["Peer IP"]}`})
]
}), colorLegend(colorScale))
Insert cell
monitors = FileAttachment("tsne_similarity_pathlen_ripe_ris.csv").csv({typed: true})
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