1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> 6 <style> 7 body { 8 font-family: sans-serif; 9 } 10 11 .country { 12 stroke-width: 1px; 13 } 14 15 .country:hover { 16 opacity: 1 !important; 17 stroke: black !important; 18 stroke-width: 1px !important; 19 } 20 21 div.tooltip { 22 position: absolute; 23 text-align: center; 24 //width: 60px; 25 //height: 28px; 26 padding: 2px; 27 font: 12px sans-serif; 28 background: lightsteelblue; 29 border: 0px; 30 border-radius: 8px; 31 pointer-events: none; 32 } 33 </style> 34 <link rel="stylesheet" type="text/css" href="public/style.css"> 35 </head> 36 <body class="text-responsive"> 37 <div class="container"> 38 <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> 39 <!-- This is GDPR-compliant--> 40 <!-- script(async defer src="https://beampipe.io/js/tracker.js" data-beampipe-domain="greatcarbonarbitrage.com")--> 41 <!-- The following has unlimited events--> 42 <!--script(data-host="https://microanalytics.io" data-dnt="false" src="https://microanalytics.io/js/script.js" id="ZwSg9rf6GA" async defer)--> 43 <ul class="nav nav-text"> 44 <li class="nav-item"><a class="nav-link active" href="index.html">Carbon Arbitrage</a></li> 45 <li class="nav-item"> 46 <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> 47 <ul class="dropdown-menu" aria-labelledby="ClimateFinancingDropdown"> 48 <li><a class="dropdown-item" href="climate_financing_map.html">Country</a></li> 49 <li><a class="dropdown-item" href="climate_financing.html">Regional</a></li> 50 <li><a class="dropdown-item" href="climate_financing_yearly.html">Annual</a></li> 51 </ul> 52 </div> 53 </li> 54 <li class="nav-item"> 55 <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> 56 <ul class="dropdown-menu" aria-labelledby="OpportunityCostsDropdown"> 57 <li><a class="dropdown-item" href="opportunity_costs_map.html">Country</a></li> 58 <li><a class="dropdown-item" href="opportunity_costs.html">Global</a></li> 59 </ul> 60 </div> 61 </li> 62 <li class="nav-item"> 63 <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> 64 <ul class="dropdown-menu" aria-labelledby="CoasianBargainDropdown"> 65 <li><a class="dropdown-item" href="coasian_bargain_global.html">Global deal</a></li> 66 <li><a class="dropdown-item" href="coasian_bargain_regional.html">Regional deal</a></li> 67 <li><a class="dropdown-item" href="coasian_bargain_country.html">Country deal</a></li> 68 </ul> 69 </div> 70 </li> 71 <li class="nav-item"> 72 <div class="dropdown"><a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="paperDropdown">Paper</a> 73 <ul class="dropdown-menu" aria-labelledby="paperDropdown"> 74 <li><a class="dropdown-item" href="https://cepr.org/publications/dp17654">CEPR</a></li> 75 <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> 76 </ul> 77 </div> 78 </li> 79 <li class="nav-item"><a class="nav-link active" href="https://github.com/ox-inet-resil
79ience/carbon_arbitrage_code">Code</a></li> 80 <li class="nav-item"><a class="nav-link active" href="blogs.html">Blogs</a></li> 81 <li class="nav-item"><a class="nav-link active" href="media.html">Media</a></li> 82 <li class="nav-item"><a class="nav-link active" href="talks.html">Talks</a></li> 83 <li class="nav-item"></li> 84 </ul> 85 </header> 86 </div> 87 <div style="width: 80%; margin:0 auto;"> 88 World map showing the present value of climate finance needed in 89 each country to replace coal with renewables. 90 </div> 91 <!-- Output--> 92 <svg class="d-flex" id="legend" style="height: 60px; margin:0px auto;"></svg> 93 <svg class="d-flex" id="map" style="margin:0px auto;"></svg> 94 <div class="d-flex flex-wrap justify-content-center" style="margin:0 auto"> 95 <div class="flex-column"> 96 <!-- Input--> 97 <label class="form-label" for="requisite-climate-financing-unit">Unit<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Present value of climate financing needs, given by the present value of costs of phasing out coal (i.e., opportunity costs of coal and investments costs in replacement energy). This is expressed either in Billion dollars or as a percentage of GDP over [t+2,T]."> 98 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 99 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 100 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 101 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 102 </svg></span> 103 </label> 104 <select class="form-select w-80 mb-2" id="requisite-climate-financing-unit" onchange="calculate()"> 105 <option selected>Billion dollars</option> 106 <option>% of GDP</option> 107 </select> 108 <label class="form-label" for="time-horizon">Time horizon of carbon arbitrage<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The last year in which costs are made to phase out coal."> 109 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 110 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 111 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 112 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 113 </svg></span> 114 </label> 115 <select class="form-select w-80 mb-2" id="time-horizon" onchange="calculate()"> 116 <option>2030</option> 117 <option>2050</option> 118 <option>2070</option> 119 <option selected>2100</option> 120 </select> 121 <label class="form-label" for="phaseout-scenario">Coal phase out scenario<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The pathway according to which coal is phased out. âNet Zero 2050 (NGFS global scenario)â uses a pathway developed by the Network for Greening the Financial System (NGFS) to phase out coal in line with the net zero 2050 ambitions."> 122 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 123 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 124 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 125 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 126 </svg></span> 127 </label> 128 <select class="form-select w-80 mb-2" id="phaseout-scenario" onchange="calculate()"> 129 <option selected>Net Zero 2050 (NGFS global scenario)</option> 130 </select> 131 <label class="form-label" for="coal-replacement">Coal replacement<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The mixture of replacement energy with which phased out coal is replaced."> 132 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 133 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 134 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 135 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 136 </svg></span> 137 </label> 138 <select class="form-select w-80 mb-2" id="coal-replacement" onchange="calculate()"> 139 <option value="100% solar, 0% wind">100% solar, 0% wind</option> 140 <option value="56% solar, 42% wind onshore, 2% wind offshore">56% solar, 44% wind (42% onshore, 2% offshore)</option> 141 <option selected value="50% solar, 25% wind onshore, 25% wind offshore">50% solar, 50% wind (25% onshore, 25% offshore)</option> 142 <option value="0% solar, 100% wind onshore, 0% wind offshore">0% solar, 100% wind (100% onshore, 0% offshore)</option> 143 <option value="0% solar, 0% wind onshore, 100% wind offshore">0% solar, 100% wind (0% onshore, 100% offshore)</option> 144 </select> 145 <label class="form-label" for="lifetime-renewable-plants">Lifetime of renewable plants 146 </label> 147 <select class="form-select w-80 mb-2" id="lifetime-renewable-plants" onchange="calculate()"> 148 <option selected>30 years</option> 149 <option>50 years</option> 150 </select> 151 <label class="form-label" for="learning-curve">Investment costs fall - learning curve<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The costs of renewables have fallen sharply over the last decades because of learning-by-doing. The drop-down âlearningâ means that we capture the drop in investment costs in renewables resulting from learning of earlier built renewables to replace coal. The drop-down âno learningâ represents a benchmark where no learning-by-doing effects take place and future investment costs do not further fall."> 152 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 153 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 154 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 155 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 156 </svg></span> 157 </label> 158 <select class="form-select w-80 mb-2" id="learning-curve" onchange="calculate()"> 159 <option selected>Learning (investment cost drop because of learning)</option> 160 <option>No learning (no investment cost drop)</option> 161 </select> 162 <label class="form-label" for="discount-rate">Discount rate Ï<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The discount rate is used to obtain the present value of costs of phasing out coal over 2024 to the horizon. WACC stands for the weighted average costs of capital."> 163 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 164 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 165 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 166 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 167 </svg></span> 168 </label> 169 <select class="form-select w-80 mb-2" id="discount-rate" onchange="calculate()"> 170 <option>0%</option> 171 <option selected>2.8% (WACC)</option> 172 <option>3.6% (WACC, average risk-premium 100 years)</option> 173 <option>5%</option> 174 <option>8%</option> 175 </select> 176 <label class="form-label" for="energy-storage">Investment costs in energy storage 177 </label> 178 <select class="form-select w-80 mb-2" id="energy-storage" onchange="calculate()"> 179 <option selected>Not included</option> 180 <option>Short-term storage</option> 181 <option>Short-term + long-term storage</option> 182 </select> 183 <label class="form-label" for="coal-export">Coal export 184 </label> 185 <select class="form-select w-80 mb-2" id="coal-export" onchange="calculate()"> 186 <option selected>Disabled</option> 187 <option>Enabled</option> 188 </select> 189 </div> 190 </div> 191 <!-- Data--> 192 <div class="px-3 mb-3"> 193 <details> 194 <summary>Result data in CSV format (click here to view online, or <a id="download-result-data">download</a>)<span class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="The country codes are according to ISO-3166"> 195 <!-- The vertical-align: -0.125em is necessary. See https://github.com/twbs/icons/issues/82--> 196 <svg class="bi bi-info-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="vertical-align: -0.125em"> 197 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> 198 <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path> 199 </svg></span> 200 </summary> 201 <pre id="result-data"></pre> 202 </details> 203 </div> 204
204<script src="https://d3js.org/d3.v7.min.js"></script>
204 205
205<script src="https://d3js.org/topojson.v3.min.js"></script>
205 206
206<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>
206 207 <!-- Needed to enable Bootstrap tooltips--> 208
208<script src="js/enable_tooltips.js"></script>
208 209
209<script type="module"> 210 import {calculate} from "./js/climate_financing_map.js" 211 window.calculate = calculate 212 </script>
212 213 </body> 214</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.