Platform
Resources
Pricing
Sign in
Get started
Tristan Sokol
Workspace
Fork
Published
By
Tristan Sokol
Edited
May 26, 2021
1 fork
1
Insert cell
Insert cell
Insert cell
md
`First go to https://cors-anywhere.herokuapp.com/ and click the button then reload the page`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md
` ${
/*minPopularityFiltering.join(', ')*/
}`
Insert cell
Insert cell
minMalePopularityFiltering
Insert cell
Insert cell
Insert cell
Insert cell
viewof
as
=
autoSelect
(
{
options
:
Object
.
keys
(
nationalData
)
,
placeholder
:
"Search for a Name"
}
)
Insert cell
Insert cell
Insert cell
lengthFiltering
=
Object
.
keys
(
nationalData
)
.
filter
(
n
=>
n
.
length
>=
nameRange
[
0
]
&&
n
.
length
<=
nameRange
[
1
]
)
Insert cell
minimumYearFiltering
=
lengthFiltering
.
filter
(
name
=>
Object
.
values
(
nationalData
[
name
]
.
M
)
.
filter
(
y
=>
y
!=
0
)
.
length
+
Object
.
values
(
nationalData
[
name
]
.
F
)
.
filter
(
y
=>
y
!=
0
)
.
length
>=
minimumYears
)
Insert cell
maxPopularityFiltering
=
minimumYearFiltering
.
filter
(
name
=>
!
years
.
some
(
year
=>
100
*
(
nationalData
[
name
]
.
M
[
year
]
+
nationalData
[
name
]
.
F
[
year
]
)
/
inputData
.
yearlyTotals
[
year
]
>=
popularityRange
[
1
]
)
)
Insert cell
minPopularityFiltering
=
maxPopularityFiltering
.
filter
(
name
=>
years
.
some
(
year
=>
100
*
(
nationalData
[
name
]
.
M
[
year
]
+
nationalData
[
name
]
.
F
[
year
]
)
/
inputData
.
yearlyTotals
[
year
]
>=
popularityRange
[
0
]
)
)
Insert cell
minMalePopularityFiltering
=
maxPopularityFiltering
.
filter
(
name
=>
years
.
some
(
year
=>
100
*
(
nationalData
[
name
]
.
M
[
year
]
)
/
inputData
.
yearlyTotals
[
year
]
>=
popularityRange
[
0
]
)
)
Insert cell
//clusters = kmeans.run(Object.values(nationalData.map(d=>d.F),2)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
densityClustering
=
require
(
"https://bundle.run/density-clustering"
)
Insert cell
syllable
=
require
(
"https://unpkg.com/browse/syllable@4.1.0/index.js"
)
Insert cell
kmeans
=
new
densityClustering
.
KMEANS
(
)
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
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
inputData
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
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
nameRange
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
minimumYears
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
popularityRange
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
years
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nationalData
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Chart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
as
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
canvasContainer
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
myChart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
lengthFiltering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
minimumYearFiltering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
maxPopularityFiltering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
minPopularityFiltering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
minMalePopularityFiltering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
femaleWeighted
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
maleWeighted
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tWeighted
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
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
densityClustering
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
syllable
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
kmeans
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
usPopulation
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML