Platform
Resources
Pricing
Sign in
Get started
Stylianos Mantzouranis
Workspace
Fork
Published
By
Stylianos Mantzouranis
Edited
Nov 29, 2021
ISC
1 fork
1
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
checkboxes
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectedMonitors
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
colorScale
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chart
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
monitors
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
addLegend
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
colorLegend
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML