Platform
Resources
Pricing
Sign in
Get started
Clara Hu
Workspace
Fork
Public
By
Clara Hu
Edited
May 9, 2023
Fork of
Input + Chart
1
Insert cell
Insert cell
data
=
d3
.
csv
(
"https://raw.githubusercontent.com/Josh-Everts/MIMS-Capstone/main/visualizations/emissions_year_explore/per_cap_emission_t2.csv"
)
//data = FileAttachment("per_cap_emission_t2.csv").csv({typed: true})
Insert cell
us_data
=
data
.
slice
(
0
,
31
)
Insert cell
function
checkYear
(
year
)
{
if
(
selectedYear
!==
null
)
{
return
year
===
Number
(
selectedYear
)
;
}
}
Insert cell
Insert cell
us_years
=
[
1991
,
1998
,
2007
,
2009
]
Insert cell
us_values
=
[
19
,
20.3
,
19
,
16.8
]
Insert cell
ca_years
=
[
1990
,
2002
,
2009
,
2012
,
2018
,
2020
]
Insert cell
ca_values
=
[
16.4
,
13.6
,
12.1
,
11.4
,
10.4
,
9.3
]
Insert cell
year_data
.
findIndex
(
checkYear
)
Insert cell
Insert cell
Insert cell
Insert cell
width
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
policy_data
=
d3
.
json
(
"https://raw.githubusercontent.com/Josh-Everts/MIMS-Capstone/main/visualizations/emissions_year_explore/policyOverview_reformat.json"
)
//policy_data = FileAttachment("PolicyOverview_reformat").json()
Insert cell
Insert cell
Insert cell
bar_data
=
Array
(
30
)
.
fill
(
20
)
Insert cell
year_data
=
Array
.
from
(
Array
(
2021
)
.
keys
(
)
)
.
slice
(
1990
)
Insert cell
//data2 = d3.csv("https://raw.githubusercontent.com/Josh-Everts/MIMS-Capstone/main/visualizations/emissions_year_explore/year_bars.csv")
data2
=
FileAttachment
(
"test_year_bar@1.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
data3
=
data2
.
slice
(
0
,
31
)
Insert cell
d3
=
require
(
"d3@5.8"
)
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
data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
us_data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
checkYear
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ca_data
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
us_years
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
us_values
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ca_years
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ca_values
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
margin
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
width2
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectedYear
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
plot2
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plot2_with_policies
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tooltip
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
policy_data
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
bar_data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
year_data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data2
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML