commit: 9073fe3ef88ce8878187ac028ffaf8d2d16c44c0
parent de6a9a7d39df81c8dcdfd25c082ba999cca18b31
Author: Matt Korostoff <MKorostoff@gmail.com>
Date: Sat, 3 Apr 2021 22:59:27 -0400
Large update for 2021
Diffstat:
6 files changed, 311 insertions(+), 111 deletions(-)
diff --git a/docs/COST_OF_VACCINATION.md b/docs/COST_OF_VACCINATION.md
@@ -0,0 +1,13 @@
+### What would it cost to vaccinate everyone in the world against covid?
+
+*Published March 23, 2021*
+
+There is no way to know the exact number, because it is a unique logistical challenge that has no analog in human history, and it also highly depends on which specific vaccine is used, and how good of a deal the buyers get. A global inoculation campaign is likely to draw on a mix of several different vaccines, and the World Health Organization is [currently gearing up for such an effort](https://www.who.int/initiatives/act-accelerator/covax), after a long and difficult fundraising period.
+
+That said, we can estimate a range based on what we do know. A global vaccination campaign would be able to leverage massive economies of scale to get the best price, as has already occurred in the [United States and Europe](https://www.washingtonpost.com/world/eu-coronavirus-vaccines-cheaper-than-united-states/2020/12/18/06677e34-4139-11eb-b58b-1623f6267960_story.html). Previous bulk purchases of the vaccine have ranged from $2.19 per shot for the two-dose AstraZeneca vaccine all the way up to $19.50 per shot for the two-dose Pfizer vaccine. We can use these two figures to create a best and worst case scenario.
+
+Assuming everyone on earth got the cheapest vaccine, the cost would be $2.19 * 2 doses * 7.6 billion people = $33 billion. WHO estimates that the logistics of delivery, refrigeration, and outreach would cost another $3.70 per person for a two-dose vaccine, which the AstraZeneca vaccine is. That's another $28 billion in logistical costs, bringing the **best case total to $61 billion**.
+
+The worst case scenario from a cost perspective would be $19.50 * 2 doses * 7.6 billion people = $296 billion. Adding in the logistical costs again, we get **a worst case cost of $324 billion.** Though arguably this is a preferable outcome regardless of cost, given the purported higher efficacy of the more expensive vaccine products.
+
+The true number is certain to be somewhere in the middle, given that many doses of both high cost and low cost vaccines have already been delivered. So for the purposes of this website, we will use $200 billion as the assumed real cost of vaccinating everyone, because it is roughly in the middle of the best and worst case scenario. It could be slightly lower or higher, of course, but for further discussion of that issue please see [numbers that are too close to each other to matter](https://github.com/MKorostoff/1-pixel-wealth/issues/40#issuecomment-648932718).
diff --git a/img/medical.svg b/img/medical.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns:xl="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-20 126 331 421" width="331" height="421">
+ <defs>
+ <font-face font-family="Helvetica Neue" font-size="14" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+ <font-face-src>
+ <font-face-name name="HelveticaNeue"/>
+ </font-face-src>
+ </font-face>
+ <font-face font-family="Helvetica Neue" font-size="18" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+ <font-face-src>
+ <font-face-name name="HelveticaNeue"/>
+ </font-face-src>
+ </font-face>
+ </defs>
+ <metadata> Produced by OmniGraffle 7.18.4\n2021-04-04 01:17:03 +0000</metadata>
+ <g id="Canvas_1" stroke-dasharray="none" stroke="none" fill-opacity="1" fill="none" stroke-opacity="1">
+ <title>Canvas 1</title>
+ <g id="Canvas_1_Layer_1">
+ <title>Layer 1</title>
+ <g id="Graphic_2">
+ <rect x="258.5" y="156" width="50" height="390.5" fill="#4e8f00"/>
+ <rect x="258.5" y="156" width="50" height="390.5" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+ <g id="Graphic_3">
+ <rect x="191.5" y="477.73804" width="50" height="68.76196" fill="#ffff40"/>
+ <rect x="191.5" y="477.73804" width="50" height="68.76196" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+ <g id="Graphic_4">
+ <text transform="translate(-15 495.727)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="14" font-weight="400" fill="black" x="6.459" y="13">Cost of universal buyback </tspan>
+ <tspan font-family="Helvetica Neue" font-size="14" font-weight="400" fill="black" x="1.909" y="29.392">for delinquent medical debt</tspan>
+ </text>
+ </g>
+ <g id="Graphic_5">
+ <text transform="translate(5 171)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="14" font-weight="400" fill="black" x="4.385" y="13">7-day wealth increase of </tspan>
+ <tspan font-family="Helvetica Neue" font-size="14" font-weight="400" fill="black" x="9.411" y="29.392">400 Americans in 2020</tspan>
+ </text>
+ </g>
+ <g id="Line_6">
+ <line x1="172" y1="187.6612" x2="283.5" y2="188.01023" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ <g id="Line_7">
+ <line x1="165.5" y1="512.119" x2="216.5" y2="512.119" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ <g id="Graphic_8">
+ <text transform="translate(257.78018 131.5391)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="18" font-weight="400" fill="black" x="8881784e-20" y="17">$4.6B</tspan>
+ </text>
+ </g>
+ <g id="Graphic_9">
+ <text transform="translate(186.60418 454.29755)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="18" font-weight="400" fill="black" x="0" y="17">$810M</tspan>
+ </text>
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/img/sixty_percent.svg b/img/sixty_percent.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns:xl="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="109 21 648 462" width="648" height="462">
+ <defs>
+ <font-face font-family="Helvetica Neue" font-size="16" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+ <font-face-src>
+ <font-face-name name="HelveticaNeue"/>
+ </font-face-src>
+ </font-face>
+ <font-face font-family="Helvetica Neue" font-size="15" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+ <font-face-src>
+ <font-face-name name="HelveticaNeue"/>
+ </font-face-src>
+ </font-face>
+ <font-face font-family="Helvetica Neue" font-size="15" panose-1="2 0 8 3 0 0 0 9 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="975.0061" descent="-216.99524" font-weight="700">
+ <font-face-src>
+ <font-face-name name="HelveticaNeue-Bold"/>
+ </font-face-src>
+ </font-face>
+ </defs>
+ <metadata> Produced by OmniGraffle 7.18.4\n2021-04-04 02:07:48 +0000</metadata>
+ <g id="Canvas_1" stroke-dasharray="none" stroke="none" fill-opacity="1" fill="none" stroke-opacity="1">
+ <title>Canvas 1</title>
+ <g id="Canvas_1_Layer_1">
+ <title>Layer 1</title>
+ <g id="Graphic_4">
+ <path d="M 346.7674 431.1609 C 278.83097 385.28816 260.89018 292.9908 306.6955 225.0089 C 352.5005 157.02677 444.70584 139.10387 512.642 184.97696 C 580.57845 230.8497 598.51924 323.14706 552.7139 391.12896 C 506.90894 459.1111 414.7036 477.034 346.7674 431.1609" fill="#00bfc0"/>
+ </g>
+ <g id="Graphic_6">
+ <text transform="translate(135.5 370.5)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="15">Give $10,000 to every </tspan>
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="33.448">American household</tspan>
+ </text>
+ </g>
+ <g id="Graphic_10">
+ <text transform="translate(271 26.6)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="15">Vaccinate the world against covid</tspan>
+ </text>
+ </g>
+ <g id="Graphic_15">
+ <text transform="translate(446 60.8)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="15">Eradicate malaria</tspan>
+ </text>
+ </g>
+ <g id="Graphic_28">
+ <text transform="translate(478 95)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="15">Wipeout delinquent medical debt</tspan>
+ </text>
+ </g>
+ <g id="Graphic_48">
+ <text transform="translate(431.5 278.5)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="15" font-weight="400" fill="black" x="34.90389" y="14">Remainder:</tspan>
+ <tspan font-family="Helvetica Neue" font-size="15" font-weight="700" fill="black" x="6.666391" y="32.42">$1,300,000,000,000</tspan>
+ </text>
+ </g>
+ <g id="Graphic_49">
+ <path d="M 429.70315 308.14292 L 315.94555 212.68896 C 331.00918 194.73683 350.1077 180.60467 371.6796 171.44795 L 429.70315 308.14292 Z" fill="#424242"/>
+ </g>
+ <g id="Graphic_9">
+ <path d="M 429.69983 308.10148 L 371.67626 171.4065 C 388.4236 164.29769 406.3347 160.3269 424.51726 159.69194 L 429.69983 308.10148 Z" fill="#5e5e5e"/>
+ </g>
+ <g id="Graphic_14">
+ <path d="M 429.6843 308.0865 L 424.50174 159.67696 C 433.14134 159.37526 441.7908 159.82856 450.3515 161.03169 L 429.6843 308.0865 Z" fill="#797979"/>
+ </g>
+ <g id="Graphic_23">
+ <path d="M 429.68067 308.1212 L 450.3479 161.0664 C 458.0516 162.1491 465.65835 163.83547 473.09787 166.10996 L 429.68067 308.1212 Z" fill="#c1c1c1"/>
+ </g>
+ <g id="Graphic_5">
+ <path d="M 429.7047 308.06893 L 468.13934 451.5089 C 388.9196 472.7358 307.4916 425.7233 286.26473 346.50356 C 273.72487 299.70417 284.80386 249.73005 315.9471 212.61497 L 429.7047 308.06893 Z" fill="#212121"/>
+ </g>
+ <g id="Graphic_50">
+ <text transform="translate(114 159.5508)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="26.072" y="15">Provide clean water and toilet </tspan>
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="56.72" y="33.448">access to all humans</tspan>
+ </text>
+ </g>
+ <g id="Graphic_51">
+ <path d="M 429.6995 307.9942 L 473.1167 165.98293 C 473.9429 166.23552 474.7669 166.49532 475.58854 166.7623 L 429.6995 307.9942 Z" fill="#ebebeb"/>
+ </g>
+ <g id="Graphic_52">
+ <text transform="translate(487.6 129.2)" fill="black">
+ <tspan font-family="Helvetica Neue" font-size="16" font-weight="400" fill="black" x="0" y="15">Paid family leave (annual)</tspan>
+ </text>
+ </g>
+ <g id="Line_53">
+ <line x1="391.008" y1="50.048" x2="399.37984" y2="163.5" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ <g id="Line_55">
+ <line x1="443" y1="70.024" x2="437.75194" y2="159.30233" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ <g id="Line_57">
+ <line x1="473" y1="104.224" x2="461.938" y2="163.02326" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ <g id="Line_60">
+ <line x1="482.6" y1="138.424" x2="474.4543" y2="166.36059" stroke="black" stroke-linecap="square" stroke-linejoin="round" stroke-dasharray="4.0,4.0" stroke-width="1"/>
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/index.html b/index.html
@@ -1,13 +1,6 @@
<!DOCTYPE html>
<html>
<head>
- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2320532-12"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-2320532-12');
- </script>
<title>Wealth, shown to scale</title>
<meta name="description" content="Inequality in the United States is out of control. Here we visualize the issue in a unique way." />
@@ -24,13 +17,13 @@
<meta property="og:description" content="Wealth inequality in the United States is out of control. Here we visualize the issue in a unique way." />
<meta property="og:image" content="https://mkorostoff.github.io/1-pixel-wealth/img/off-the-chart.png" />
- <link rel="stylesheet" type="text/css" href="main.css?version=1.8">
+ <link rel="stylesheet" type="text/css" href="main.css?version=1.9">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
</head>
<body>
<div class="wealth-wrapper-outer">
- <div class=wealth-row wealth-row-one>
+ <div class="wealth-row wealth-row-one">
<div class="title-screen">
<h1>Wealth shown to scale</h1>
<div class="scroll-this-way">
@@ -66,7 +59,7 @@
<div name="bezos" class="wealth-wrapper bezos">
<div id="bezos" class="wealth ruler">
- <h2 class="wealth-title">$176 billion (wealth of Jeff Bezos)</h2>
+ <h2 class="wealth-title">$185 billion (wealth of Jeff Bezos)</h2>
<div class="counter" id="bezos-counter"></div>
<div class="key">
<span>$80 million</span>
@@ -221,12 +214,12 @@
<g id="Graphic_3">
<text class="desktop-zuck" transform="translate(715.2031 353.7383)" fill="black">
<tspan font-family="Arial" font-size="16" font-weight="400" fill="black" x="2.2226562" y="14">Mark Zuckerberg </tspan>
- <tspan class="zuck-wealth" font-family="Arial" font-size="12" font-weight="400" fill="black" x="26.663086" y="28.523438">($96 billion)</tspan>
+ <tspan class="zuck-wealth" font-family="Arial" font-size="12" font-weight="400" fill="black" x="26.663086" y="28.523438">($108 billion)</tspan>
</text>
<text class="mobile-zuck" transform="translate(668 353.7383)" fill="black">
<tspan class="zuck-name" font-family="Arial" font-size="16" font-weight="400" fill="black" x="55.36719" y="14">Mark </tspan>
<tspan class="zuck-name" font-family="Arial" font-size="16" font-weight="400" fill="black" x="12" y="41.523438">Zuckerberg </tspan>
- <tspan class="zuck-wealth" font-family="Arial" font-size="12" font-weight="400" fill="black" x="21.880859" y="67.046875">($96 billion)</tspan>
+ <tspan class="zuck-wealth" font-family="Arial" font-size="12" font-weight="400" fill="black" x="21.880859" y="67.046875">($108 billion)</tspan>
</text>
</g>
<g id="Graphic_5">
@@ -273,7 +266,7 @@
<div id="four-hundred" class="wealth-wrapper four-hundred">
<div class="wealth ruler">
- <h2 class="wealth-title">400 richest Americans ($3.5 trillion)</h2>
+ <h2 class="wealth-title">400 richest Americans ($3.2 trillion)</h2>
<div class="counter" id="four-hundred-counter"></div>
<div class="key">
<span>$80 million</span>
@@ -281,7 +274,7 @@
<div class="infobox infobox text-infobox intro">
<div class="title">
- Jeff Bezos may be insanely rich, but it is a drop in the ocean compared to the combined wealth of his peers. The 400 richest Americans own about $3.5 trillion, which is more than the bottom 60% of Americans.
+ Jeff Bezos may be insanely rich, but it is a drop in the ocean compared to the combined wealth of his peers. The 400 richest Americans own about $3.2 trillion, which is more than the bottom 60% of Americans.
</div>
</div>
@@ -327,34 +320,46 @@
</div>
<div class="infobox text-infobox infobox-half">
- <h2 class="title what-could-we-do">What could we do with under 3% of this money?</h2>
+ <h2 class="title what-could-we-do">What could we do with under 10% of this money?</h2>
</div>
<div class="infobox infobox-quarter flex">
- <div class="piechart two-point-eight-percent">
+ <div class="piechart six-percent">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">2.8%</span>
+ <span class="label">6%</span>
<div class="dotted-line"></div>
<div class="description">
- <h2>Test Every American for Coronavirus</h2>
+ <h2>Vaccinate every human on earth against coronavirus</h2>
</div>
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>As of this writing, testing in the United States falls far short of what is needed to re-open the economy. By some estimates, sufficiently ramping up testing to around 30 million tests per week would cost around <a href="https://www.cnbc.com/2020/04/21/coronavirus-tests-rockefeller-plan-would-screen-millions-for-covid-19.html" target="_blank">$100 billion total</a>, or about 2.8% of the wealth currently controlled by the 400 richest Americans.</p>
+ <p>Based on the <a href="https://www.washingtonpost.com/world/eu-coronavirus-vaccines-cheaper-than-united-states/2020/12/18/06677e34-4139-11eb-b58b-1623f6267960_story.html">cost of vaccines</a> and the <a href="https://www.who.int/docs/default-source/coronaviruse/act-accelerator/covax/costs-of-covid-19-vaccine-delivery-in-92amc_08.02.21.pdf" target="_blank">cost of delivery</a>, it would take around <a href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/docs/COST_OF_VACCINATION.md" target="_blank">$200 billion</a> to vaccinate every person on earth, about 6% of the wealth currently controlled by 400 Americans. After paying for this vaccination program, they would still be $40 billion richer than they were before the pandemic.</p>
+ </div>
+ </div>
+
+ <div class="infobox text-infobox infobox-close">
+ <div class="title">
+ <p>Even setting aside the desperate humanitarian need for a global vaccination, there is still a strong self-interested argument that wealthy countries should do it: the longer covid circulates in the world, the more chance of a <a href="https://www.newscientist.com/article/mg24933201-800-vaccine-nationalism-will-leave-everyone-more-at-risk-of-coronavirus/" target="_blank">vaccine resistant variant</a> emerging, and undoing all the vaccine progress we've already made.</p>
+ </div>
+ </div>
+
+ <div class="infobox text-infobox infobox-close">
+ <div class="title">
+ <p>The World Health Organization is currently organizing a global vaccine donation program which aims to vaccinate <a href="https://www.who.int/initiatives/act-accelerator/covax" target="_blank">about 20%</a> of residents in poor countries by the end of 2021, and even that approach has <a href="https://www.washingtonpost.com/world/2021/04/01/covax-healthcare-workers-funding/" target="_blank">substantial funding shortfalls</a>.</p>
</div>
</div>
<div class="infobox infobox-quarter flex">
- <div class="piechart two-point-eight-percent">
+ <div class="piechart three-percent">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">2.8%</span>
+ <span class="label">3%</span>
<div class="dotted-line"></div>
<div class="description">
<h2>Permanently Eradicate Malaria</h2>
@@ -365,20 +370,14 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
<p>Malaria is one of the worst infectious diseases ever visited on mankind, possibly killing more people than any other infectious disease in history. In the 20th century alone, malaria killed more people than the Black Death.</p>
- <p>Coronavirus has shown us all the horrors of living with a deadly disease. Sadly, for much of the world, this horror was a constant feature of daily life even before coronavirus.</p>
</div>
</div>
<div class="infobox infobox-quarter">
<div class="infectious">
- <div class="corona-bar">
- <div class="square shadow">
- <div class="title">COVID-19 deaths January to April 2020 <br>(About 200,000)</div>
- </div>
- </div>
<div class="malaria-bar">
<div class="square shadow">
- <div class="title">Malaria deaths January to April 2020<br> (about 135,000).</div>
+ <div class="title">Annual Malaria deaths<br> (409,000)</div>
</div>
</div>
<div class="ebola-bar"><div class="title">Ebola deaths in <strong>all of human history</strong> combined (about 15,000)</div>
@@ -389,7 +388,7 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
- These figures are even more shocking when you learn that malaria overwhelmingly kills children; around two-thirds of malaria deaths each year are children under five. That's around 285,000 children.
+ These figures are even more shocking when you learn that malaria overwhelmingly kills children; around two-thirds of malaria deaths each year are children under five. That's around 275,000 children.
</div>
</div>
@@ -405,7 +404,7 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
<p><em>All</em> of these deaths are preventable. Treating and preventing malaria is a well understood science, universally practiced in the developed world.</p>
- <p><a href="https://www.ncbi.nlm.nih.gov/pubmed/25551454" target="_blank">It is estimated</a> that malaria could be globally eradicated by 2030 for a cost around $1.84 per at-risk person per year, or around $100 billion total. This would be around 2.8% of the wealth currently possessed by the 400 richest Americans.</p>
+ <p><a href="https://www.ncbi.nlm.nih.gov/pubmed/25551454" target="_blank">It is estimated</a> that malaria could be globally eradicated by 2030 for a cost around $1.84 per at-risk person per year, or around $100 billion total. This would be around 3% of the wealth currently possessed by the 400 richest Americans.</p>
</div>
</div>
@@ -415,53 +414,49 @@
</div>
</div>
- <div class="infobox text-infobox infobox-half">
- <h2 class="title what-could-we-do">What could we do with under 5% of this money?</h2>
- </div>
-
<div class="infobox infobox-quarter flex">
- <div class="piechart four-percent four-point-three-percent">
+ <div class="piechart two-point-five-percent">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">4.3%</span>
+ <span class="label">2.5%</span>
<div class="dotted-line"></div>
<div class="description">
- <h2>Provide $1,200 to every American household.</h2>
+ <h2>Wipe out all the delinquent medical debt in America</h2>
</div>
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>The recent coronavirus stimulus was the largest ever passed by Congress. It was financed entirely through deficit spending, which will be repaid by taxpayers for generations. The burden of repaying this debt could be erased in an instant with a tax on the super rich so small that they would not even feel it.</p>
+ <p>Americans have about <a href="https://www.pbs.org/newshour/health/millennials-rack-up-the-most-medical-debt-and-more-frequently" target="_blank">$81 billion</a> in medical debt that is sufficiently past due as to appear on their credit report. These are generally small debts, with a median value of <a href="https://files.consumerfinance.gov/f/201412_cfpb_reports_consumer-credit-medical-and-non-medical-collections.pdf" target="_blank">$207 dollars</a> per person. These debts hinder the credit of over 50 million Americans, and do long term damage to their housing, employment, and borrowing options. The cost of repaying this debt dollar-for-dollar would be around 2.5% of the wealth controlled by 400 Americans.</p>
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>The wealth of 400 Americans could have financed the entire CARES act, including the corporate bailouts, expanded unemployment, and expanded testing—with a trillion and a half left over.</p>
+ This situation looks even better once you understand that delinquent debt is typically not paid dollar-for-dollar. In fact, these debts are often bought up for as <a href="https://www.ksl.com/article/46455844/charity-buys-and-erases-past-due-medical-debt" target="_blank">little as 1%</a> of their face value. This would make the total cost of eliminating all delinquent debt around $810 million, not billion. In 2020, the richest 400 Americans accrued this amount roughly every 29 hours.
</div>
</div>
- <div class="infobox infobox-close cares">
- <div class="chart">
- <img src="img/cares.svg?v=2">
+ <div class="infobox text-infobox infobox-close">
+ <div class="chart medical-chart">
+ <img src="img/medical.svg" />
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>Instead, the American tax payer will be stuck with the bill.</p>
+ Note that this figure includes only <em>delinquent</em> medical debt, not all medical debt, a figure which is not publicly known, but still likely within the means of the 400 richest Americans to extinguish. While this is a complex subject in need of a holistic policy solution to address the root causes (sky high medical costs and an under-insured population) there is little doubt that the ultra-wealthy could make a massive and immediate difference in the lives of tens of millions of Americans who struggle financially for no reason other than the misfortune of getting sick.
</div>
</div>
<div class="infobox infobox-quarter flex">
- <div class="piechart four-percent four-point-eight-percent">
+ <div class="piechart five-percent five-point-three-percent">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">4.8%</span>
+ <span class="label">5.3%</span>
<div class="dotted-line"></div>
<div class="description">
<h2>Lift every American out of poverty.</h2>
@@ -471,20 +466,20 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
- As of 2019, around 38 million Americans lived in poverty. If Americans in poverty were a state, they would be second largest by population. There are more Americans living in poverty than the entire population of Canada. There are likely millions more newly impoverished as a result of coronavirus, but those numbers are not fully known yet.
+ As of 2021, around 38 million Americans lived in poverty. If Americans in poverty were a state, they would be second largest by population. There are more Americans living in poverty than the entire population of Canada.
</div>
</div>
<div class="infobox infobox-close">
<div class="chart">
- <h3>Population of US States compared to poverty, 2019</h3>
+ <h3>Population of US States compared to poverty, 2021</h3>
<img src="img/poverty.svg">
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p><a href="https://www.census.gov/content/dam/Census/library/publications/2019/demo/p60-266.pdf" target="_blank">Every single person</a> in America could be lifted above the poverty line with a one-time cash subsidy of around $10,000 per impoverished family (and about $7,000 for impoverished individuals). The total cost would be $170 billion, a little under 5% of the wealth currently controlled by 400 individuals.</p>
+ <p><a href="https://www.census.gov/content/dam/Census/library/publications/2019/demo/p60-266.pdf" target="_blank">Every single person</a> in America could be lifted above the poverty line with a one-time cash subsidy of around $10,000 per impoverished family (and about $7,000 for impoverished individuals). The total cost would be $170 billion, a little over 5% of the wealth currently controlled by 400 individuals.</p>
</div>
</div>
@@ -508,39 +503,12 @@
</div>
</div>
- <div class="infobox text-infobox infobox-half">
- <h2 class="title what-could-we-do">What could we do with under 6% of this money?</h2>
- </div>
-
- <div class="infobox infobox-quarter flex">
- <div class="piechart six-percent tiny">
- <svg class="piechart-outer" viewBox="0 0 32 32">
- <circle class="piechart-inner" r="16" cx="16" cy="16" />
- </svg>
- <span class="label">5.7%</span>
- <div class="dotted-line"></div>
- <div class="description">
- <h2>Refund 2018 taxes for all households earning under $80,000</h2>
- </div>
- </div>
- </div>
-
- <div class="infobox text-infobox infobox-close">
- <div class="title">
- <p>In 2018, the combined federal tax revenue among all US households earning under $80,000 per year <a href="https://taxfoundation.org/summary-latest-federal-income-tax-data-2018-update/" target="_blank">was around $200 billion.</a> This money—taken entirely from poor and middle class Americans—could be returned for a tiny fraction of the wealth controlled by the .0001%.</p>
- </div>
- </div>
-
- <div class="infobox text-infobox infobox-half">
- <h2 class="title what-could-we-do">What could we do with under 7% of this money?</h2>
- </div>
-
<div class="infobox infobox-quarter flex">
- <div class="piechart six-point-eight-percent tiny">
+ <div class="piechart seven-point-five-percent tiny">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">6.8%</span>
+ <span class="label">7.5%</span>
<div class="dotted-line"></div>
<div class="description">
<h2>Provide clean drinking water and toilet access to every human on earth.</h2>
@@ -563,7 +531,7 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>Contaminated water is a major source of disease, including cholera, dysentery, and typhoid. <a href="https://www.who.int/news-room/fact-sheets/detail/drinking-water">It is estimated</a> that contaminated water kills about 829,000 people every year, making it one of the world's biggest killers. The cost to provide clean water and waste disposal for everyone on earth would be about <a href="https://www.who.int/water_sanitation_health/watandmacr3.pdf" target="_blank">$240 billion</a>, or 6.8% of the wealth controlled by the 400 richest Americans.</p>
+ <p>Contaminated water is a major source of disease, including cholera, dysentery, and typhoid. <a href="https://www.who.int/news-room/fact-sheets/detail/drinking-water">It is estimated</a> that contaminated water kills about 829,000 people every year, making it one of the world's biggest killers. The cost to provide clean water and waste disposal for everyone on earth would be about <a href="https://www.who.int/water_sanitation_health/watandmacr3.pdf" target="_blank">$240 billion</a>, or 7.5% of the wealth controlled by the 400 richest Americans.</p>
</div>
</div>
@@ -574,15 +542,41 @@
</div>
<div class="infobox text-infobox infobox-close">
- <h2 class="title what-could-we-do">What could we do with a third of this money?</h2>
+ <h2 class="title what-could-we-do">What could we do with under 40% of this money?</h2>
+ </div>
+
+
+ <div class="infobox infobox-quarter flex">
+ <div class="piechart forty-percent tiny">
+ <svg class="piechart-outer" viewBox="0 0 32 32">
+ <circle class="piechart-inner" r="16" cx="16" cy="16" />
+ </svg>
+ <span class="label">39.6%</span>
+ <div class="dotted-line"></div>
+ <div class="description">
+ <h2>Provide paid maternity and paternity leave to every American for the next 100 years</h2>
+ </div>
+ </div>
+ </div>
+
+ <div class="infobox text-infobox infobox-close">
+ <div class="title">
+ Paid maternity and paternity leave are estimated to cost around <a href="https://www.americanactionforum.org/insight/the-fiscal-cost-of-a-paid-parental-leave-program-by-state/" target="_blank">$12 billion</a> per year. This is 0.39% of the wealth controlled by 400 Americans. It is 5% of the wealth they accrued in 2020 alone.
+ </div>
+ </div>
+
+ <div class="infobox text-infobox infobox-close">
+ <div class="title">
+ <p>This is a more complex program to estimate than the others considered on this page, because the expense would be continuous, rather than one-time, and the cost is highly variable based on the size of the benefit provided. Still, this wealth grows each year, and using the <a href="https://www.manning-napier.com/insights/blogs/insights-for-non-profits/endowments-and-foundations-a-closer-look-at-spending-rules" target="_blank">5% endowment payout rule</a> it should be able to finance a program about 12 times more generous than the one contemplated here <u>forever</u> without shrinking by one single dollar.</p>
+ </div>
</div>
<div class="infobox infobox-quarter flex">
- <div class="piechart thirty-six-percent tiny">
+ <div class="piechart forty-percent tiny">
<svg class="piechart-outer" viewBox="0 0 32 32">
<circle class="piechart-inner" r="16" cx="16" cy="16" />
</svg>
- <span class="label">36%</span>
+ <span class="label">40%</span>
<div class="dotted-line"></div>
<div class="description">
<h2>Give $10,000 to every American household</h2>
@@ -592,25 +586,24 @@
<div class="infobox text-infobox infobox-close">
<div class="title">
- There are about 128 million households in the United States. To give each one $10,000 would cost $1.28 trillion, or about 36% of the wealth controlled by 400 Americans.
+ There are about 128 million households in the United States. To give each one $10,000 would cost $1.28 trillion, or about 40% of the wealth controlled by 400 Americans.
</div>
</div>
<div class="infobox text-infobox infobox-close">
<div class="title">
- <p>As Americans debate how and when to open the economy after coronavirus, we are frequently presented with a seemingly impossible choice between risking millions of lives and sliding into a great depression through a continued lockdown. This is a repugnant lie.</p>
- <p>The money to weather this storm while maintaining quarantine exists, it's just a matter of finding the political will to take it.</p>
+ <p>As the coronavirus raged through America in 2020, working people were frequently presented with a seemingly impossible choice between death by premature reopening and an economic depression brought about through a continued quarantine. Unspoken in this false choice was the supposition that Americans could not pay their living expenses without either work or unsustainable government deficit spending—where else could the money have possibly come from?</p>
</div>
</div>
<div class="infobox text-infobox infobox-close">
- <h2 class="title what-could-we-do">What could we do with 70% of this money?</h2>
+ <h2 class="title what-could-we-do">What could we do with 60% of this money?</h2>
</div>
<div class="ninety-wrapper-outer infobox infobox-close">
<div class="ninety-wrapper center-sticky">
<div class="ninety">
- <img src="img/ninety.svg?v=2" />
+ <img src="img/sixty_percent.svg" />
</div>
</div>
</div>
@@ -640,10 +633,19 @@
</div>
</div>
</div>
- <div class="also">Also checkout: <a href="https://mkorostoff.github.io/incarceration-in-real-numbers/" target="_blank">Incarceration in Real Numbers</a></div>
- <a class="about-this" target="_blank" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/README.md">About this page</a>
+ <div class="footer">
+ <div>Updated April 3, 2021. <a target="_blank" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/README.md">About this page</a></div>
+ <div class="also">Also checkout: <a href="https://mkorostoff.github.io/incarceration-in-real-numbers/" target="_blank">Incarceration in Real Numbers</a></div>
+ </div>
</div>
-<script type="text/javascript" src="main.js?version=1.8"></script>
+<script type="text/javascript" src="main.js?version=1.9"></script>
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2320532-12"></script>
+<script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+ gtag('config', 'UA-2320532-12');
+</script>
</body>
</html>
diff --git a/main.css b/main.css
@@ -41,23 +41,13 @@ h1 {
animation-direction: forward;
animation-duration: 3s;
}
-.also {
+.footer {
position: absolute;
bottom: 40px;
text-align: center;
font-size: 12px;
width: 100%;
}
-.about-this {
- position: absolute;
- color: #00000050;
- bottom: 25px;
- left: 50%;
- font-size: 12px;
- display: block;
- font-style: italic;
- transform: translate(-50%, 0);
-}
@media (max-width: 450px) {
.scroll-this-way {
right: -35vw;
@@ -312,13 +302,13 @@ h1 {
}
}
.bezos .wealth {
- width: 352000px;
+ width: 370000px;
height: 500px;
background-color: orange;
}
.four-hundred .wealth {
margin-left: 100px;
- width: 7000000px;
+ width: 6401200px;
height: 500px;
background-color: #03A9F4;
}
@@ -607,7 +597,10 @@ h1 {
margin-left: 66px;
}
}
-.ninety-wrapper,
+.ninety-wrapper {
+ width: 590px;
+ max-width: 96vw;
+}
.plane-wrapper {
width: 480px;
max-width: 96vw;
@@ -639,46 +632,74 @@ h1 {
stroke-width: 32;
}
@media (max-width: 450px) {
- .piechart h2 {
+ .piechart.piechart h2 {
font-size: 17px;
}
}
+.point-zero-three-percent .piechart-inner {
+ stroke-dasharray: .03 100;
+}
.two-point-seven-percent .piechart-inner {
stroke-dasharray: 2.7 100;
}
+.three-percent .piechart-inner {
+ stroke-dasharray: 3 100;
+}
+.five-percent .piechart-inner {
+ stroke-dasharray: 5 100;
+}
+.five-point-three-percent .piechart-inner {
+ stroke-dasharray: 5.3 100;
+}
.six-percent .piechart-inner {
stroke-dasharray: 6 100;
}
+.seven-point-five-percent .piechart-inner {
+ stroke-dasharray: 7.5 100;
+}
.six-percent .piechart-outer {
transform: rotate(-45deg);
}
.six-point-eight-percent .piechart-inner {
stroke-dasharray: 6.8 100;
}
+.three-percent .piechart-outer,
+.two-point-five-percent .piechart-outer,
.two-point-seven-percent .piechart-outer,
.two-point-eight-percent .piechart-outer {
transform: rotate(-38deg);
}
+.five-percent .piechart-outer,
.four-percent .piechart-outer {
transform: rotate(-43deg);
}
.four-tenths-percent .piechart-outer {
transform: rotate(-34deg);
}
+.seven-point-five-percent .piechart-outer,
+.six-point-three-percent .piechart-outer {
+ transform: rotate(-46deg);
+}
.four-tenths-percent .piechart-inner {
stroke-dasharray: .4 100;
}
+.two-point-five-percent .piechart-inner {
+ stroke-dasharray: 2.5 100;
+}
.two-point-eight-percent .piechart-inner {
stroke-dasharray: 2.8 100;
}
.four-point-three-percent .piechart-inner {
stroke-dasharray: 4.3 100;
}
+.six-point-three-percent .piechart-inner {
+ stroke-dasharray: 6.3 100;
+}
.four-point-eight-percent .piechart-inner {
stroke-dasharray: 4.8 100;
}
-.thirty-six-percent .piechart-inner {
- stroke-dasharray: 36 100;
+.forty-percent .piechart-inner {
+ stroke-dasharray: 40 100;
}
.piechart .dotted-line {
position: absolute;
@@ -695,6 +716,9 @@ h1 {
top: -7px;
font-size: 24px;
}
+.piechart h2 {
+ font-size: 20px;
+}
@media (max-width: 450px) {
.piechart .label {
left: 277px;
@@ -748,7 +772,7 @@ h1 {
width: 90vw;
}
.malaria .babies {
- height: 9120320px;
+ height: 8800320px;
background-size: 160px;
background-image: url(img/baby.svg);
}
@@ -773,7 +797,7 @@ h1 {
}
.malaria .babies {
background-size: 68px;
- height: 3876340px;
+ height: 3740340px;
}
.scroll-indicator {
top: 38%;
@@ -807,7 +831,7 @@ h1 {
}
.malaria-bar .square {
height: 400px;
- width: 337px;
+ width: 1022px;
background-color: #66c35a;
display: flex;
box-sizing: border-box;
@@ -875,3 +899,6 @@ h1 {
display: none;
}
}
+.medical-chart {
+ text-align: center;
+}
diff --git a/main.js b/main.js
@@ -78,7 +78,7 @@ function update_wealth_counter() {
if (bezos_viewable()) {
if (bezos_counter_viewable()) {
let wealth = (window.scrollX - bezos.offsetLeft + 175) * 500000;
- bezos_counter.innerHTML = (wealth < 176000000000) ? money.format(wealth) : "$176,000,000,000";
+ bezos_counter.innerHTML = (wealth < 185000000000) ? money.format(wealth) : "$185,000,000,000";
}
else {
bezos_counter.innerHTML = '';
@@ -87,7 +87,7 @@ function update_wealth_counter() {
else if (four_hundred_viewable()) {
if (four_hundred_counter_viewable()) {
let wealth = (window.scrollX - four_hundred.offsetLeft + 175) * 500000;
- four_hundred_counter.innerHTML = (wealth < 3500000000000) ? money.format(wealth) : "$3,500,000,000,000";
+ four_hundred_counter.innerHTML = (wealth < 3200000000000) ? money.format(wealth) : "$3,200,000,000,000";
}
else {
four_hundred_counter.innerHTML = '';
