-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcoasian_bargain_country.html
107 lines (107 loc) · 6.42 KB
/
coasian_bargain_country.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Coasian bargain, country deal</title>
<link rel="stylesheet" type="text/css" href="public/style.css">
</head>
<body class="text-responsive">
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 navbar navbar-light bg-light"><a class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none ms-3" href="/"><span class="fs-4 navbar-brand">The Great Carbon Arbitrage</span></a>
<!-- This is GDPR-compliant-->
<!-- script(async defer src="https://beampipe.io/js/tracker.js" data-beampipe-domain="greatcarbonarbitrage.com")-->
<!-- The following has unlimited events-->
<!--script(data-host="https://microanalytics.io" data-dnt="false" src="https://microanalytics.io/js/script.js" id="ZwSg9rf6GA" async defer)-->
<ul class="nav nav-text">
<li class="nav-item"><a class="nav-link active" href="index.html">Carbon Arbitrage</a></li>
<li class="nav-item">
<div class="dropdown"><a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="ClimateFinancingDropdown">Climate Financing</a>
<ul class="dropdown-menu" aria-labelledby="ClimateFinancingDropdown">
<li><a class="dropdown-item" href="climate_financing_map.html">Country</a></li>
<li><a class="dropdown-item" href="climate_financing.html">Regional</a></li>
<li><a class="dropdown-item" href="climate_financing_yearly.html">Annual</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="dropdown"><a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="OpportunityCostsDropdown">Opportunity Costs</a>
<ul class="dropdown-menu" aria-labelledby="OpportunityCostsDropdown">
<li><a class="dropdown-item" href="opportunity_costs_map.html">Country</a></li>
<li><a class="dropdown-item" href="opportunity_costs.html">Global</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="dropdown"><a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="CoasianBargainDropdown">Coasian Bargain</a>
<ul class="dropdown-menu" aria-labelledby="CoasianBargainDropdown">
<li><a class="dropdown-item" href="coasian_bargain_global.html">Global deal</a></li>
<li><a class="dropdown-item" href="coasian_bargain_regional.html">Regional deal</a></li>
<li><a class="dropdown-item" href="coasian_bargain_country.html">Country deal</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<div class="dropdown"><a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="paperDropdown">Paper</a>
<ul class="dropdown-menu" aria-labelledby="paperDropdown">
<li><a class="dropdown-item" href="https://cepr.org/publications/dp17654">CEPR</a></li>
<li><a class="dropdown-item" href="https://www.imf.org/en/Publications/WP/Issues/2022/05/31/The-Great-Carbon-Arbitrage-518464">IMF</a></li>
</ul>
</div>
</li>
<li class="nav-item"><a class="nav-link active" href="https://github.com/ox-inet-resilience/carbon_arbitrage_code">Code</a></li>
<li class="nav-item"><a class="nav-link active" href="blogs.html">Blogs</a></li>
<li class="nav-item"><a class="nav-link active" href="media.html">Media</a></li>
<li class="nav-item"><a class="nav-link active" href="talks.html">Talks</a></li>
<li class="nav-item"></li>
</ul>
</header>
</div>
<div class="d-flex flex-column flex-lg-row justify-content-center">
<!-- img(src="public/country_scc_part6.svg")-->
<div id="freeloaderplot"></div>
<div id="scatterplot" style="@media (min-width: 1200px) {width:60%; margin:0 auto;}"></div>
</div>
<!-- Data description-->
<div class="py-3" style="width: 80%; margin:0 auto">
<p>The data below is a JSON object that consists of 4 key-value pairs:
<ul>
<li>
<tt>"unilateral_cost"</tt>, which contains a JSON object of
<pre>{"<country name>": <cost of the country's own unilateral action>}</pre>
</li>
<li>
<tt>"unilateral_benefit"</tt>, which contains a JSON object of
<pre>{"<country name>": <benefit of the country's own unilateral action>}</pre>
</li>
<li>
<tt>"freeloader_benefit"</tt>, which contains a JSON object with the countries doing the unilateral
action as the keys, and the values being the JSON objects of
<pre>{"<'freeloader' country name>": <benefit amount>}</pre>
</li>
<li>
<tt>"global_benefit"</tt>, which contains a JSON object with the country names as the keys,
and the fraction of global benefit, scaled by a fraction of the country's
social cost of carbon, as the values.
</li>
</ul>The values are in billion dollars.
</p>
<!-- Data-->
<div class="px-3 mb-3">
<details>
<summary>Result data in JSON format (click here to view online, or <a id="download-result-data">download</a>)
</summary><code id="result-data"></code>
</details>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script src="https://cdn.jsdelivr.net/npm/@observablehq/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<!-- Needed to enable Bootstrap tooltips-->
<script src="js/enable_tooltips.js"></script>
<script type="module">
import {main} from "./js/coasian_bargain_country.js"
main()
</script>
</body>
</html>