Platform
Resources
Pricing
Sign in
Get started
inlandcorgi891
Workspace
Fork
Published
By
inlandcorgi891
Edited
May 11, 2022
Fork of
Making a County Map
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
us
=
d3
.
json
(
"https://unpkg.com/us-atlas@3/counties-10m.json"
)
Insert cell
countyShapes
=
topojson
.
feature
(
us
,
us
.
objects
.
counties
)
//.features
Insert cell
csv_data
=
d3
.
csvParse
(
await
FileAttachment
(
"nitrogen@4.csv"
)
.
text
(
)
,
(
{
FIPS
,
Nitrogen
}
)
=>
[
FIPS
,
+
Nitrogen
]
)
Insert cell
nitrodata
=
Object
.
assign
(
new
Map
(
csv_data
)
,
{
title
:
"Nitrogen Runoff"
}
)
Insert cell
Insert cell
populationColor
=
d3
.
scaleSequential
(
populationExtent
,
d3
.
interpolateGreens
)
Insert cell
color
=
{
return
value
=>
{
if
(
!
value
)
return
"#ccc"
;
}
;
}
Insert cell
populationFormat
=
d3
.
format
(
",d"
)
Insert cell
statesByFips
=
new
Map
(
us
.
objects
.
states
.
geometries
.
map
(
d
=>
[
d
.
id
,
d
.
properties
]
)
)
Insert cell
// The borders of the states are merged so we can render a single line where they would otherwise overlap
statesMesh
=
topojson
.
mesh
(
us
,
us
.
objects
.
states
,
(
a
,
b
)
=>
a
!==
b
)
Insert cell
Insert cell
Insert cell
Insert cell
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
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
legend1
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
simpleSVGMap
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nancolor
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nullcolorforlegend
Edit
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
countyShapes
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
csv_data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nitrodata
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
populationExtent
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
populationColor
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
populationFormat
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statesByFips
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statesMesh
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
projection
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
path
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
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
d3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
topojson
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