The avatar for @tashapiro
Tanya Shapiro
Independent Data Analytics Consultant, passionate about data visualization and storytelling · she/her 🏳️‍🌈
Public
Recreating ggplots with Observable Plot
Edited
May 15, 2023
10 forks
56 stars
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
supremeCourtJustices = FileAttachment("supreme-court-justices.jpeg").image()
Insert cell
Insert cell
import {Plot} from "@mkfreeman/plot-tooltip"
Insert cell
import {addTooltips} from "@mkfreeman/plot-tooltip"
Insert cell
Insert cell
scotus-nominee-votes@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
scotus_votes
select a. * ,
case when a.nominee_index<5 then 1
when a.nominee_index<9 then 2
when a.nominee_index<13 then 3
end as row_index
,case when a.nominee_index IN (1,5,9) then 1
when a.nominee_index IN (2,6,10) then 2
when a.nominee_index IN (3,7,11) then 3
when a.nominee_index IN (4,8,12) then 4
end as column_index
,'https://raw.github.com/tashapiro/supreme-court-justices/main/images/' || UPPER(nominee) || '.png' as image
from
(select s. * ,
case when s.nominee = 'Souter' then 1
when s.nominee='Thomas' then 2
when s.nominee='Ginsburg' then 3
when s.nominee='Breyer' then 4
when s.nominee='Roberts' then 5
when s.nominee='Alito' then 6
when s.nominee='Kagan' then 7
when s.nominee='Sotomayor' then 8
when s.nominee='Gorsuch' then 9
when s.nominee='Kavanaugh' then 10
when s.nominee='Barrett' then 11
when s.nominee = 'Jackson' then 12 end as nominee_index
from scotus_votes s
) a
Insert cell
Insert cell
votes
select
nominee, column_index, row_index, image
,case
when nominee IN ('Souter','Thomas') then 'George H.W. Bush'
when nominee IN ('Ginsburg','Breyer') then 'Bill Clinton'
when nominee IN ('Alito','Roberts') then 'George W. Bush'
when nominee IN ('Kagan','Sotomayor') then 'Barack Obama'
when nominee IN ('Gorsuch','Kavanaugh','Barrett') then 'Donald Trump'
when nominee='Jackson' then 'Joe Biden' else '' end as president
,case when nominee IN ('Souter','Thomas','Alito','Roberts','Gorsuch','Kavanaugh','Barrett') then 'R'
else 'D' end as president_party
,count(case when party='D' and vote='Yea' then senator end) as dem_yeas
,count(case when party='D' then senator end) as total_dem
,count(case when party='R' and vote='Yea' then senator end) as rep_yeas
,count(case when party='R' then senator end) as total_rep
from votes
group by 1,2,3,4
Insert cell
Insert cell
<style>
@import url('https://fonts.googleapis.com/css?family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

body {
font-family:'Open Sans';
}

h1, h2, h3 {
font-family: Domine;
}

p, h1, h2 {
max-width:none;
}

g[aria-label="fx-axis tick label"], g[aria-label="fy-axis tick label"] {
display: none;
}

style {
display:none!important;
}
</style>
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more