Platform
Resources
Pricing
Sign in
Get started
jacoblagesse
Workspace
Fork
Published
By
jacoblagesse
Edited
Oct 30, 2020
Insert cell
md
`# Board of Curators`
Insert cell
Insert cell
viewof
greenLength
=
html
`<input type="range" min="0" max="8" value="4"></input>`
Insert cell
render
Insert cell
render
=
{
let
person
=
0
;
return
html
`
<style>
.tooltip {
/*position: absolute;*/
}
</style>
<!--<input id="slider" type="range" min="0" max="8" value="4"></input>-->
<div id="svgContainer">
${
bubble_chart
(
bubble_data
[
`${
greenLength
}`
]
)
}
</div>
<script>
function inc() {
person++;
}
</script>
`
}
Insert cell
cleaned
=
getData
(
1
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
buildOut
=
async
function
(
)
{
let
out
=
[
]
;
data_map
.
forEach
(
async
function
(
d
,
i
)
{
await
(
getData
(
i
)
)
.
then
(
function
(
d
)
{
out
.
push
(
d
)
}
)
;
}
)
return
out
;
}
Insert cell
Insert cell
Insert cell
Insert cell
bubble_data
=
combineRows
(
data
)
Insert cell
d3
=
require
(
"d3@6"
)
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
greenLength
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
render
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
cleaned
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
bubble_chart
Edit
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
coors
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getData
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
buildOut
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
combineRows
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data_map
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
bubble_data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML