Platform
Resources
Pricing
Sign in
Contact us
Ian Johnson
pixel flipper, data sifter. trying to see what I can while I'm here
Workspace
Fork
Published
Air Quality
By
Ian Johnson
Edited
Aug 24, 2020
Fork of
Historical California Fire Map Workbook
•
1 fork
2 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
argentina
=
topojson
.
feature
(
filteredArg
,
filteredArg
.
objects
.
localidades
)
Insert cell
J1_08_2020_ARG
=
d3
.
csvParse
(
await
FileAttachment
(
"fire_nrt_J1V-C2_6865.csv"
)
.
text
(
)
,
d3
.
autoType
)
Insert cell
Insert cell
projection
=
d3
.
geoMercator
(
)
.
fitSize
(
[
width
,
height
]
,
argentina
)
Insert cell
Insert cell
Insert cell
daily_J1_08_2020_ARG
=
d3
.
group
(
J1_08_2020_ARG
,
d
=>
dateformat
(
new
Date
(
+
d
.
acq_date
+
100000000
)
)
)
Insert cell
Insert cell
viewof
day_2020
=
Scrubber
(
daily_J1_08_2020_ARG
.
keys
(
)
,
{
delay
:
300
,
loop
:
false
}
)
Insert cell
daily_J1_08_2020_ARG
.
get
(
day_2020
)
Insert cell
Insert cell
Insert cell
d3
.
extent
(
J1_08_2020_ARG
,
d
=>
d
.
frp
)
Insert cell
d3
.
extent
(
J1_08_2020_ARG
,
d
=>
d
.
bright_ti4
)
Insert cell
d3
.
extent
(
J1_08_2020_ARG
,
d
=>
d
.
bright_ti5
)
Insert cell
frpdata
=
J1_08_2020_ARG
.
map
(
d
=>
d
.
frp
)
Insert cell
Insert cell
import
{
chart
as
frp2020
}
with
{
frpdata
as
data
,
histoheight
as
height
}
from
"@d3/histogram"
Insert cell
frp2020
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
frpColor
=
d3
.
scaleSequential
(
d3
.
interpolateReds
)
.
domain
(
d3
.
extent
(
frpdata
)
)
Insert cell
frpColor
(
2
)
Insert cell
Insert cell
Insert cell
t31Color
=
d3
.
scaleSequential
(
d3
.
interpolateMagma
)
.
domain
(
d3
.
extent
(
t31data
)
)
Insert cell
Insert cell
Insert cell
viewof
day2_2020
=
Scrubber
(
daily_J1_08_2020_ARG
.
keys
(
)
,
{
delay
:
300
,
loop
:
false
}
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
height
=
500
Insert cell
numformat
=
d3
.
format
(
",d"
)
Insert cell
dateformat
=
d3
.
timeFormat
(
"%Y-%m-%d"
)
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
argentina
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
J1_08_2020_ARG
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
projection
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map1_2020
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
daily_J1_08_2020_ARG
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
day_2020
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map3_2020
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
frpdata
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
histoheight
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
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
t31data
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
frpColor
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map4_2020
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
t31Color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map5_2020
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
day2_2020
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map6_2020
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
usedays7
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
day3_2020
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
map7_2020
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
numformat
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dateformat
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
topojson
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
turf
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML