Platform
Resources
Pricing
Sign in
Get started
Coding with Fire
EJ Fox & Ian Johnson streaming data, code, acid, design
Workspace
Fork
Published
2 collections
By
Ian Johnson
Edited
Oct 6, 2020
1 star
Season 1
Coding With Fire - Crowd Control Color Palette
CMU COVIDcast API
CMU COVIDcast API: Map maker
Map Maker Dot Density: Cumulative Covid Cases
Pattern Moire - Line & Circle Grids with Colorschemes
Pattern Moire - Line & Circle Grids
Custom Cluster Force Layout
CMU COVIDcast API: Map maker Bubbles Canvas
CMU COVIDcast API: Map maker Bubbles
CMU COVIDcast API: Map maker Bubbles II
CMU COVIDcast API: Map maker Timelapse
Coding With Fire: Mind Map
Graphene Moiré
Graphene Moiré Firebase
Graphene Moiré 3D
Coding With Fire: Paths as Points
Coding With Fire: 3D Paths
Freaky Dot Patterns
Coding With Fire: NYPD CCRB
Where are votes at risk?
Voronoi PurpleAir
Deadline Timers 2
CMU COVIDcast API: Bubbles Export
Emojis
Emoji Treemap Small Multiples
Counties with Datasette
American Community Survey 2018 by County
Registered Voters by County 2016-2018
Population Change by County 2016-2018: Bubble Lines
Registered Voters by County 2016-2018: Bubble Lines
CMU COVIDcast API: Bubbles Dark Mode
US Bubble Choropleth: Travel From Centroid
US Bubble Choropleth: Travel From Centroid
CMU COVIDcast API: Bubbles Textures Interactive Timelapse
Choropleth with Textures.js
Force Bubble Map with Textures.js
Where Are Votes Outstanding? (Data Simulation)
Where Are Votes Outstanding? Visualization Ideas
Electoral College Unit Charts
Electoral College Unit Charts With Text
Electoral College Unit Shuffle
Also listed in…
Election Explorations
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
year
=
select
(
[
"2018"
,
"2016"
,
"2014"
]
)
Insert cell
queryUrlDemographics
=
`https://cwf-election-data.herokuapp.com/election-data/censusdata18.json?_sort=${
sort
}&${
field
}__${
operation
}=${
amount
}&_shape=array&_size=4000`
Insert cell
selectionDemographics
=
d3
.
json
(
queryUrlDemographics
)
Insert cell
Insert cell
selectionDemographics
.
sort
(
(
a
,
b
)
=>
a
.
NAME
.
localeCompare
(
b
.
NAME
)
)
Insert cell
Insert cell
height
=
500
Insert cell
Insert cell
import
{
selectedFields
,
niceLabel
,
countyShapes
}
from
"@enjalot/us-county-datasets"
Insert cell
import
{
select
,
autoSelect
,
slider
}
from
"@jashkenas/inputs"
Insert cell
d3
=
require
(
"d3@6"
)
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
Fork
View
Export
Listed in...
Season 1
Coding with Fire
Election Explorations
Coding with Fire
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
field
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
operation
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
amount
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
sort
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
year
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
queryUrlDemographics
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectionDemographics
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
countySVG
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
getCensusFips
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
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
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
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML