Platform
Resources
Pricing
Sign in
Get started
Zhenyu Chen
Workspace
Fork
Public
CS7295 Final
By
Zhenyu Chen
Edited
Apr 27, 2023
Fork of
Idiom3 (prototypes): H1B Sponsoring Rate per State in 2022
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
height
=
360
Insert cell
mergedData
=
gridData
.
map
(
d
=>
(
{
...
d
,
rate
:
sponsorRateMap
[
d
.
name
]
}
)
)
Insert cell
gridData
=
d3
.
json
(
"https://raw.githubusercontent.com/kristw/gridmap-layout-usa/master/dist/gridmap-layout-usa.json"
)
Insert cell
sponsorRateMap
=
{
const
result
=
{
}
sponsorRate
.
map
(
d
=>
result
[
d
.
state
]
=
d
.
rate
)
return
result
}
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
key
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
gridMap
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
height
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mergedData
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
gridData
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sponsorRateMap
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sponsorRate
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