Platform
Resources
Pricing
Sign in
Get started
kschlotfelt
Workspace
Fork
Published
By
kschlotfelt
Edited
Mar 1, 2021
Fork of
My first exercise
2
Insert cell
2
md
`# Learning to Code - Assignment One!`
Insert cell
1
d3
=
require
(
"d3@5"
)
Insert cell
1
topojson
=
require
(
"topojson-client@3"
)
Insert cell
1
MNstate
=
FileAttachment
(
"mn_state_WGS84.json"
)
.
json
(
)
Insert cell
MNstate_feature
=
topojson
.
feature
(
MNstate
,
MNstate
.
objects
.
mn_state_WGS84
)
Insert cell
1
csv_data
=
d3
.
csvParse
(
await
FileAttachment
(
"Census2010_MN.csv"
)
.
text
(
)
,
(
{
FIPS
,
Hispanic
,
TotalPop
}
)
=>
[
FIPS
,
[
+
Hispanic
,
+
Hispanic
/
+
TotalPop
]
]
)
Insert cell
2
//this is how to take the values of a variable (column) from all variables you created from the csv file
hispanicPCT
=
Array
.
from
(
csv_data
.
values
(
)
,
d
=>
d
[
1
]
[
1
]
)
Insert cell
//this is how you map the id column to the values. We will use this for joining with topojson later.
data
=
Object
.
assign
(
new
Map
(
csv_data
)
,
{
title
:
[
"Hispanic"
,
"Hispanic Pct"
]
}
)
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
Show 2 comments
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Show 1 comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
topojson
Show 1 comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
MNstate
Show 1 comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
MNstate_feature
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
csv_data
Show 1 comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hispanicPCT
Show 2 comments
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML