Platform
Resources
Pricing
Sign in
Get started
aaron
Workspace
Fork
Public
By
Aaron Lewis
Edited
May 19
ISC
Fork of
Billionaires Spike Map
•
2 forks
4
Insert cell
Insert cell
Insert cell
population
=
FileAttachment
(
"almost_done.json"
)
.
json
(
)
.
then
(
(
data
)
=>
data
.
slice
(
1
)
.
map
(
(
[
p
,
state
,
county
,
category
,
personName
,
source
]
)
=>
(
{
state
,
fips
:
`${
state
}${
county
}`
,
population
:
+
p
,
category
,
personName
,
source
}
)
)
)
Insert cell
centroid
=
{
const
path
=
d3
.
geoPath
(
)
;
return
feature
=>
path
.
centroid
(
feature
)
;
}
Insert cell
us
=
FileAttachment
(
"counties-albers-10m.json"
)
.
json
(
)
Insert cell
nation
=
topojson
.
feature
(
us
,
us
.
objects
.
nation
)
Insert cell
statemap
=
new
Map
(
topojson
.
feature
(
us
,
us
.
objects
.
states
)
.
features
.
map
(
d
=>
[
d
.
id
,
d
]
)
)
Insert cell
Insert cell
statemesh
=
topojson
.
mesh
(
us
,
us
.
objects
.
states
,
(
a
,
b
)
=>
a
!==
b
)
Insert cell
spike
=
(
length
,
width
=
7
)
=>
`M${
-
width
/
2
},0L0,${
-
length
}L${
width
/
2
},0`
Insert cell
povertyData
=
FileAttachment
(
"cleaned_poverty_data.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
unemployment
=
FileAttachment
(
"unemployment201907.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
namemap
=
new
Map
(
us
.
objects
.
states
.
geometries
.
map
(
d
=>
[
d
.
properties
.
name
,
d
.
id
]
)
)
Insert cell
valuemap
=
new
Map
(
unemployment
.
map
(
d
=>
[
d
.
name
,
d
.
rate
]
)
)
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
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
population
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
centroid
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
us
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nation
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statemap
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
countymap
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statemesh
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
spike
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
povertyData
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
unemployment
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
namemap
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
valuemap
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML