Platform
Resources
Pricing
Sign in
Get started
Coding with Fire
EJ Fox & Ian Johnson streaming data, code, acid, design
Workspace
Fork
Published
3 collections
By
Ian Johnson
Edited
Aug 25, 2022
Fork of
Electoral College Unit Charts
•
1 fork
Importers
11 stars
1
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…
Electoral College
Elections
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3
.
sum
(
states
,
d
=>
d
.
votes
)
Insert cell
R2016
=
d3
.
sum
(
states
,
d
=>
d
[
2016
]
.
electoral_R
)
Insert cell
D2016
=
d3
.
sum
(
states
,
d
=>
d
[
2016
]
.
electoral_D
)
Insert cell
Insert cell
Insert cell
import
{
electoral_votes
}
from
"@eyeseast/fivethirtyeight-2020-forecast-data"
Insert cell
electoral_votes
Insert cell
d3
.
sum
(
Array
.
from
(
electoral_votes
.
values
(
)
)
)
Insert cell
results2016
=
FileAttachment
(
"Table 2. Electoral & Pop Vote-Table 1.csv"
)
.
csv
(
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
blue
=
"#002868"
Insert cell
red
=
"#bf0a30"
Insert cell
gray
=
"lightgray"
Insert cell
height
=
620
Insert cell
Insert cell
Insert cell
import
{
slider
,
select
}
from
"@jashkenas/inputs"
Insert cell
d3
=
require
(
"d3@6"
)
Insert cell
fonts
=
html
`<span></span><link href="https://fonts.googleapis.com/css2?family=Seymour+One&family=Share+Tech+Mono&family=Ubuntu+Mono:wght@400;700&display=swap" rel="stylesheet">
`
Insert cell
import
{
Scrubber
}
from
"@mbostock/scrubber"
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
Listed in...
Electoral College
Coding with Fire
Season 1
Coding with Fire
Elections
Observable
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
time2016
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
progressBar
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
unitCircleTextProgressBarEJVersion
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
time2016leaning
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
unitCircleSortedVersion
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
states
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
R2016
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
D2016
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
units2016
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
units2016leaning
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
results2016
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
results2016ByState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
leanings
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
leaningsByState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
repExtent
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
demExtent
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
repScale
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
demScale
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timings2016
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
parseTime
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timeExtent
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
minutes
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timings2016ByState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statesByTimings2016
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statesReporting2016
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
statesReporting2016leaning
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
leanScale
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
stateCodes
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
postalCodeByState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
blue
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
red
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
gray
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
duration
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
voteDelay
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
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fonts
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