Platform
Resources
Pricing
Sign in
Get started
Romain Vuillemot
dataviz & research
Workspace
Fork
Public
By
Romain Vuillemot
Edited
Nov 29, 2022
9 forks
Importers
Insert cell
Insert cell
data
=
d3
.
csv
(
"https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/iris.csv"
,
d
=>
{
d
.
sepal_length
=
+
d
.
sepal_length
d
.
sepal_width
=
+
d
.
sepal_width
return
d
}
)
Insert cell
data
Insert cell
Plot
.
plot
(
{
marks
:
[
Plot
.
dot
(
data
,
{
x
:
"sepal_length"
,
y
:
"sepal_width"
,
fill
:
"species"
}
)
]
}
)
Insert cell
viewof
r
=
html
`<input type=range min=0 max=10>`
Insert cell
r
Insert cell
Insert cell
scatterplot
(
data
.
filter
(
f
)
)
Insert cell
f
=
d
=>
{
return
d
.
sepal_length
>
r
}
Insert cell
l
=
[
...
new
Set
(
data
.
map
(
d
=>
d
.
species
)
)
]
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
r
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
scatterplot
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
f
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
l
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
a
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
b
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML