Platform
Resources
Pricing
Sign in
Get started
Evan Galloway
Workspace
Fork
Published
By
Evan Galloway
Edited
Jan 8, 2021
Fork of
Small Multiple Map Experiment I
1 star
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
line
=
d3
.
line
(
)
.
x
(
d
=>
x
(
d
.
year
)
)
Insert cell
x
=
d3
.
scaleLinear
(
)
.
domain
(
filteredYearDomain
)
.
range
(
[
0
,
miniChartDimensions
[
0
]
]
)
Insert cell
currentDataYExtent
=
d3
.
extent
(
data
.
flatMap
(
d
=>
d
.
values
)
,
d
=>
d
.
value
)
Insert cell
filteredYearDomain
=
d3
.
extent
(
data
[
0
]
.
values
,
d
=>
d
.
year
)
Insert cell
rawYearDomain
=
d3
.
extent
(
rawGrouped
[
0
]
.
values
,
d
=>
d
.
year
)
Insert cell
miniChartDimensions
=
[
40
,
20
]
Insert cell
Insert cell
Insert cell
labelCoordinatesMap
=
new
Map
(
ncGeo
.
features
.
map
(
(
{
properties
:
{
FIPS_integ
:
fips
}
,
geometry
}
)
=>
[
fips
,
...
getLabelPos
(
geometry
)
]
)
.
map
(
function
(
[
fips
,
long
,
lat
]
)
{
return
[
fips
,
projection
(
[
long
,
lat
]
)
]
;
}
)
)
Insert cell
Insert cell
Insert cell
Insert cell
import
{
select
,
slider
,
checkbox
}
from
"@jashkenas/inputs"
Insert cell
import
{
getLabelPos
}
from
"@mourner/labeling-with-stretched-polylabel"
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
variable
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
yearEnd
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
forceZeroBaseline
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map
Edit
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
rawGrouped
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
line
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
x
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
currentDataYExtent
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
filteredYearDomain
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
rawYearDomain
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
miniChartDimensions
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
projection
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
labelCoordinatesMap
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
raw
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ncGeo
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
omb_metro_2018
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
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