2e:null 2f:["$","title",null,{"children":"Untitled | Fons van der Plas (old) | Observable"}] 34:Teb2,temperature_graph = ({ line_intermediate = false, fill_intermediate = true }) => { const node = DOM.svg(width, height); // // Mouse interaction const handle_mouse = e => { const new_temp = scale.temperature.invert( e.clientY - node.getBoundingClientRect().top ); node.value = Math.max( scale.temperature.domain()[0], Math.min(scale.temperature.domain()[1], new_temp) ); node.dispatchEvent(new CustomEvent("input")); }; node.addEventListener("mousedown", e => { node.addEventListener("mousemove", handle_mouse); handle_mouse(e); }); node.addEventListener("mouseup", e => node.removeEventListener("mousemove", handle_mouse) ); // // Setup const s = d3.select(node); s.attr("class", "MARGO temperature connecting"); s.append("g").call(axis.year); s.append("g").call(axis.temperature); add_connecting_warning(s); // s.append("text") // .attr("transform", "translate(-7 -7)") // .append("textPath") // .attr("xlink:href", "#temperature_baseline") // .attr("startOffset", "25%") // .text("Business as usual"); const warning_bands = s.append("g").attr("class", "paris"); horizontal_band( warning_bands, scale.temperature, 3.0, Infinity, colors.above_paris ); horizontal_band( warning_bands, scale.temperature, 2.0, Infinity, colors.above_paris ); add_series(s); add_legend(s); add_infeasibility_warning(s); const patterns = add_all_patterns(s, .5); const T_max_line = s .append("g") .attr("class", "T_max") .append("line") .attr('x1', scale.year(year_start)) .attr('x2', scale.year(year_end)) .attr('stroke', colors.T_max) .attr('stroke-width', 2); // // Update s.update_input = (result, { opt_parameters }, { hovered_subject }) => { T_max_line.attr('y1', scale.temperature(opt_parameters.temp_goal)).attr( 'y2', scale.temperature(opt_parameters.temp_goal) ); subject_opacity(s.select("g.series.fills"), hovered_subject); }; s.update_output = result => { s.classed("connecting", false); s.classed("infeasible", !status_ok(result.status)); const intermediates = [ { vals: result.computed.temperatures.M, prev_stack: result.computed.temperatures.baseline, fill: fill_intermediate ? patterns.M : undefined, line: line_intermediate ? colors.M : undefined, subject: "M" }, { vals: result.computed.temperatures.MR, prev_stack: result.computed.temperatures.M, fill: fill_intermediate ? patterns.R : undefined, line: line_intermediate ? colors.R : undefined, subject: "R" }, { vals: result.computed.temperatures.MRG, prev_stack: result.computed.temperatures.MR, fill: fill_intermediate ? patterns.G : undefined, line: line_intermediate ? colors.G : undefined, subject: "G" }, { vals: result.computed.temperatures.MRGA, prev_stack: result.computed.temperatures.MRG, fill: fill_intermediate ? patterns.A : undefined, // line: line_intermediate ? colors.R : undefined, subject: "A" } ]; const all = [ { vals: result.computed.temperatures.baseline, line: colors.baseline, dasharray: "5,5", subject: "baseline_temperature" }, ...intermediates, { vals: result.computed.temperatures.MRGA, line: colors.temperature, subject: "temperature" } ]; series( s, scale.year, scale.temperature, domain_array(result.model_parameters.domain), all ); legend_items(s, all); }; return s; }35:T794,control_graph_stacked = ({ give_costs = true, stacked = true }) => { const s = d3.select(DOM.svg(width, height)); s.attr("class", "MARGO controls connecting"); // // Setup s.append("g").call(axis.year); if (give_costs) { s.append("g").call(axis.costs_S); } add_connecting_warning(s); add_series(s); add_legend(s); add_infeasibility_warning(s); // // Update s.update_input = (result, { temp_goal }, { hovered_subject }) => { s.selectAll("g.series #controls").classed( "hidden", !(give_costs && hovered_subject === "controls") ); subject_opacity(s.select("g.series.fills"), hovered_subject); }; s.update_output = result => { s.classed("connecting", false); s.classed("infeasible", !status_ok(result.status)); const [M, R, G, A] = get_MRGA(result, give_costs); const all = [ { vals: stacked ? plus(plus(plus(M, R), G), A) : A, prev_stack: stacked ? plus(plus(M, R), G) : null, fill: colors.A, line: colors.A, subject: "A" }, { vals: stacked ? plus(plus(M, R), G) : G, prev_stack: stacked ? plus(M, R) : null, fill: colors.G, line: colors.G, subject: "G" }, { vals: stacked ? plus(M, R) : R, prev_stack: stacked ? M : null, fill: colors.R, line: colors.R, subject: "R" }, { vals: M, prev_stack: null, fill: colors.M, line: colors.M, subject: "Mitigation" }, { vals: result.computed.costs.MRGA.discounted, fill: colors.controls, line: colors.controls, subject: "controls" // opacity: .5 } ]; series( s, scale.year, give_costs ? scale.costs_S : scale.percent, domain_array(result.model_parameters.domain), all ); legend_items(s, all); }; return s; }36:T5a5,costs_graph = () => { const s = d3.select(DOM.svg(width, height)); s.attr("class", "MARGO costs connecting"); s.append("g").call(axis.year); s.append("g").call(axis.costs_L); add_connecting_warning(s); add_series(s); add_legend(s); add_infeasibility_warning(s); s.append("g").attr("class", "cost_labels"); s.update_input = (result, { temp_goal }, { hovered_subject }) => { subject_opacity(s.select("g.series.fills"), hovered_subject); }; s.update_output = result => { s.classed("connecting", false); s.classed("infeasible", !status_ok(result.status)); const all = [ { vals: result.computed.damages.baseline.discounted, fill: colors.baseline, line: colors.baseline, dasharray: "5,5", subject: "baseline_damages" }, { vals: plus( result.computed.costs.MRGA.discounted, result.computed.damages.MRGA.discounted ), prev_stack: result.computed.damages.MRGA.discounted, fill: colors.controls, line: colors.controls, subject: "controls" }, { vals: result.computed.damages.MRGA.discounted, fill: colors.damages, line: colors.damages, subject: "damages" } ]; series( s, scale.year, scale.costs_L, domain_array(result.model_parameters.domain), all ); legend_items(s, all); }; return s; }37:T729,emissions_graph = ({ line_intermediate = false, fill_intermediate = true }) => { // // Setup const s = d3.select(DOM.svg(width, height)); s.attr("class", "MARGO emissions connecting"); s.append("g") .call(axis.year) .attr("transform", `translate(0 ${scale.emissions(0.0)})`); s.append("g").call(axis.emissions); const patterns = add_all_patterns(s, .5); add_connecting_warning(s); add_series(s); add_legend(s); add_infeasibility_warning(s); // // Update s.update_input = (result, { temp_goal }, { hovered_subject }) => { subject_opacity(s.select("g.series.fills"), hovered_subject); }; s.update_output = result => { s.classed("connecting", false); s.classed("infeasible", !status_ok(result.status)); const intermediates = [ { vals: result.computed.emissions.M, prev_stack: result.computed.emissions.baseline, fill: fill_intermediate ? patterns.M : undefined, line: line_intermediate ? colors.M : undefined, subject: "M" }, { vals: result.computed.emissions.MRGA, prev_stack: result.computed.emissions.M, fill: fill_intermediate ? patterns.R : undefined, // line: line_intermediate ? colors.R : undefined, subject: "R" } ]; const all = [ { vals: result.computed.emissions.baseline, line: colors.baseline, dasharray: "5,5", subject: "baseline_emissions" }, ...intermediates, { vals: result.computed.emissions.MRGA, fill: colors.emissions, line: colors.emissions, subject: "emissions" } ]; series( s, scale.year, scale.emissions, domain_array(result.model_parameters.domain), all ); legend_items(s, all); }; return s; }38:T883,concentrations_graph = ({ line_intermediate = false, fill_intermediate = true, relative_to_1700 = true }) => { // // Setup const s = d3.select(DOM.svg(width, height)); s.attr("class", "MARGO concentrations connecting"); s.append("g") .call(axis.year) .attr("transform", `translate(0 ${scale.concentrations(0.0)})`); s.append("g").call( relative_to_1700 ? axis.concentrations_relative : axis.concentrations ); const patterns = add_all_patterns(s, .5); add_connecting_warning(s); add_series(s); add_legend(s); add_infeasibility_warning(s); // // Update s.update_input = (result, { temp_goal }, { hovered_subject }) => { subject_opacity(s.select("g.series.fills"), hovered_subject); }; s.update_output = result => { s.classed("connecting", false); s.classed("infeasible", !status_ok(result.status)); const rel_scale = relative_to_1700 ? x => x / 280 : x => x; const intermediates = [ { vals: result.computed.concentrations.M.map(rel_scale), prev_stack: result.computed.concentrations.baseline.map(rel_scale), fill: fill_intermediate ? patterns.M : undefined, line: line_intermediate ? colors.M : undefined, subject: "M" }, { vals: result.computed.concentrations.MRGA.map(rel_scale), prev_stack: result.computed.concentrations.M.map(rel_scale), fill: fill_intermediate ? patterns.R : undefined, line: line_intermediate ? colors.R : undefined, subject: "R" } ]; const all = [ { vals: result.computed.concentrations.baseline.map(rel_scale), line: colors.baseline_concentrations, dasharray: "5,5", subject: "baseline_concentrations" }, ...intermediates, { vals: result.computed.concentrations.MRGA.map(rel_scale), line: colors.concentrations, subject: "concentrations" } ]; series( s, scale.year, relative_to_1700 ? scale.concentrations_relative : scale.concentrations, domain_array(result.model_parameters.domain), all ); legend_items(s, all); }; return s; }39:T804,axis = { const a = {}; a.year = g => g .attr("class", "axis year") .attr("transform", `translate(0,${height - margin.bottom})`) .call( d3 .axisBottom(scale.year) .ticks(width / 80, "f") .tickSizeOuter(0) ); a.costs_S = g => g .attr("class", "axis costs_S") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale.costs_S).ticks(height / 40)); //.tickFormat() a.costs_L = g => g .attr("class", "axis costs_L") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale.costs_L).ticks(height / 40)); //.tickFormat() a.percent = g => g .attr("class", "axis percent") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale.percent).ticks(height / 40, "%")); a.temperature = g => g .attr("class", "axis temperature") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(scale.temperature) // .tickValues(d3.range(0, scale.temperature.domain()[1] + 1)) .tickValues([0, 1, 2, 3]) .tickSizeOuter(0) //.ticks(height / 40) .tickFormat(d => "+" + d3.format(".0f")(d) + " °C") ); a.emissions = g => g .attr("class", "axis emissions") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale.emissions).ticks(height / 40)); a.concentrations = g => g .attr("class", "axis emissions") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale.concentrations).ticks(height / 40)); a.concentrations_relative = g => g .attr("class", "axis emissions") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(scale.concentrations_relative) .tickValues([1, 2, 3, 4]) .tickSizeOuter(0) //.ticks(height / 40) .tickFormat(d => d3.format(".0f")(d) + "x") ); return a; }3a:[] 32:{"id":"d4565f4db566c764","slug":"margo-plots","title":"","thumbnail":"714e5bd1c5edece9cefe2d937a5ca18fff79fb3d4e0f1f9f5a3007940417e61b","access_level":"public","create_time":"$D2020-06-29T17:44:03.098Z","update_time":"$D2020-08-07T14:47:39.170Z","view_time":null,"first_public_time":"$D2020-06-30T16:51:41.155Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b69f7fc06db3bdd0","login":"olivier_plas","name":"Fons van der Plas (old)","avatar_url":"https://avatars-next.observableusercontent.com/fc10801f5fbe921128a3cc392873b717ae3d0139b87114acc4230f7303ff142e","tier":"starter_2024"},"version":2028,"publish_version":2028,"role":null,"authored":false,"authors":[{"type":"individual","id":"6aca374b28a4bb6d","login":"olivier_plas_123456","name":"","avatar_url":null,"tier":null}],"members":[{"type":"individual","id":"b6cde2fab5c6f5fa","login":"fonsp","name":"Fons van der Plas","avatar_url":"https://avatars-next.observableusercontent.com/edacdd0fa6b6c876851449177905d972d41fe02bd327094b210ded28d855f3c8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":2022,"value":"html`This notebook has moved here`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`# [old] MARGO framework\n### _Interactive climate control_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1171,"value":"md`This document is an interactive, online version of the [MARGO model](EarthArXiv.org/5bgyc), an idealized framework for optimization of climate change control strategies.\n\nThe model is implemented in Julia as an open source package ([_ClimateMARGO.jl_](https://github.com/hdrake/ClimateMARGO.jl)), which includes a number of sample notebooks to help you get started. \n\n---\n\nThis notebook is _different_ from the regular Jupyer notebooks:\n1. This is a _JavaScript notebook_. The Julia package (ClimateMARGO.jl) is running on a server, and you can access it through these interactive figures.\n2. Everything is interactive, and we invite you to make your own discoveries!\n3. You can use these interactive figures inside your own notebook or web page. _more info soon_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`*Maximum temperature:* \n\n${html`

0.0 C ${viewof T_max.bind(\n html``\n)} 5.0 C

`}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1531,"value":"md`_Temperature overshoot:_ ${viewof allow_overshoot.bind(\n click_cycle([\n { label: 'Not allowed', value: false },\n { label: 'Allowed', value: true }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2019,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2013,"value":"md`### Which controls?`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1972,"value":"md`_Mitigation:_ ${viewof enable_M.bind(\n click_cycle([\n { label: 'Enabled', value: true },\n { label: 'Disabled', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1979,"value":"md`_Removal:_ ${viewof enable_R.bind(\n click_cycle([\n { label: 'Enabled', value: true },\n { label: 'Disabled', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1980,"value":"md`_Geo-engineering:_ ${viewof enable_G.bind(\n click_cycle([\n { label: 'Enabled', value: true },\n { label: 'Disabled', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1982,"value":"md`_Adaptation:_ ${viewof enable_A.bind(\n click_cycle([\n { label: 'Enabled', value: true },\n { label: 'Disabled', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2016,"value":"md`(these will become checkboxes)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"md`## Optimal controls\n\n${charts.controls.node()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":837,"value":"md`_Control deployment unit:_ ${viewof show_costs.bind(\n click_cycle([\n { label: 'Cost', value: true },\n { label: 'Saturation', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"md`## Global warming since 1800 average\n\n${viewof T_max.bind(charts.temperature.node())}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1688,"value":"md`_Show effects:_ ${viewof show_intermediates.bind(\n click_cycle([\n { label: 'Total', value: false },\n { label: 'Per phase', value: true }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":706,"value":"md`## Costs & damages\n\n${charts.costs.node()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1095,"value":"md`## CO₂ emissions\n\n${charts.emissions.node()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1502,"value":"md`## CO₂ concentrations\n\n${charts.concentrations.node()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1589,"value":"md`_Concentrations unit:_ ${viewof show_relative_concentrations.bind(\n click_cycle([\n { label: 'Relative to pre-1700', value: true },\n { label: 'Parts per million', value: false }\n ])\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1161,"value":"hovered_subject","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"result = async_map(Generators.input(viewof parameters_view), params =>\n margo_client.sendreceive(\"opt_controls_temp\", {\n dt: 12,\n ...params\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"charts = ({\n controls: control_graph_stacked({ give_costs: show_costs, stacked: true }),\n temperature: temperature_graph({\n fill_intermediate: show_intermediates\n }),\n costs: costs_graph({}),\n emissions: emissions_graph({\n fill_intermediate: show_intermediates\n }),\n concentrations: concentrations_graph({\n fill_intermediate: show_intermediates,\n\n relative_to_1700: show_relative_concentrations\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"md`## Parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"year_start = 2020","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"year_end = 2200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"viewof T_max = new View(2.0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1534,"value":"viewof allow_overshoot = new View(false)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1955,"value":"viewof enable_M = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1959,"value":"viewof enable_R = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1961,"value":"viewof enable_G = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1963,"value":"viewof enable_A = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1580,"value":"md`### Display parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"viewof show_costs = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1586,"value":"viewof show_relative_concentrations = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1691,"value":"viewof show_intermediates = new View(false)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1448,"value":"md`## Update`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1400,"value":"viewof parameters_view = new View({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1993,"value":"viewof enabled_view = new View({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"md`Update parameters object`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1411,"value":"{\n viewof parameters_view.value = {\n opt_parameters: {\n temp_goal: allow_overshoot ? 999.0 : T_max,\n temp_final: T_max,\n max_deployment: {\n mitigate: enable_M ? 1 : 0,\n remove: enable_R ? 1 : 0,\n geoeng: enable_G ? 1 : 0,\n adapt: enable_A ? .4 : 0\n }\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1440,"value":"md`Update input`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"Object.values(charts).forEach(c =>\n c.update_input(result, parameters_view, {\n hovered_subject: hovered_subject\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1443,"value":"md`Update output`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"Object.values(charts).forEach(c => c.update_output(result))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"md`## Plots`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1078,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"md`### Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1555,"value":"add_series = (s, name = \"series\") => {\n s.append(\"g\").attr(\"class\", name + \" fills\");\n s.append(\"g\").attr(\"class\", name + \" lines\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1758,"value":"add_legend = s => {\n const legend = s\n .append(\"g\")\n .attr(\"class\", \"legend\")\n .attr(\n \"transform\",\n `translate(${width - margin.right + margin_legend.left} ${\n margin_legend.top\n })`\n );\n\n legend\n .append(\"rect\")\n .attr(\"width\", margin.right - margin_legend.left - margin_legend.right)\n .attr(\"height\", height - margin_legend.top - margin_legend.bottom)\n .attr(\"rx\", 4)\n // .attr(\"stroke\", \"#00000033\")\n // .attr(\"stroke-width\", 2)\n .attr(\"fill\", \"none\");\n\n return legend;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1847,"value":"series = (...args) => {\n series_lines(...args)\n series_fills(...args)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"series_lines = (s, x_scale, y_scale, domain, data, name = \"series\") => {\n s.select(`g.${name}.lines`)\n .selectAll(\"path\")\n .data(data.filter(d => d.line))\n .join(\"path\")\n .attr(\"id\", d => d.subject)\n .transition()\n .duration(300)\n .attr('d', d => line(x_scale, y_scale)(d3.zip(domain, d.vals)))\n .attr('stroke', d => d.line)\n .attr('stroke-width', ({ width = 5 }) => width)\n .attr('stroke-dasharray', ({ dasharray = undefined }) => dasharray)\n .attr('stroke-miterlimit', d => 1)\n .attr('opacity', ({ opacity = 1.0 }) => opacity)\n .attr('fill', d => 'none');\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"series_fills = (s, x_scale, y_scale, domain, data, name = \"series\") => {\n s.select(`g.${name}.fills`)\n .selectAll(\"path\")\n .data(data.filter(d => d.fill))\n .join(\"path\")\n .attr(\"id\", d => d.subject)\n .on(\"mouseover\", d => {\n mutable hovered_subject = d.subject;\n })\n .on(\"mouseout\", d => {\n mutable hovered_subject = undefined;\n })\n .transition()\n .duration(300)\n .attr('d', d =>\n line(x_scale, y_scale)(\n d.prev_stack == null\n ? with_fill_points(d3.zip(domain, d.vals))\n : with_stack_points(\n d3.zip(domain, d.vals),\n d3.zip(domain, d.prev_stack)\n )\n )\n )\n .attr('stroke', \"none\")\n // .attr('opacity', ({ opacity = .1 }) => opacity)\n .attr('fill', d => d.fill);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1789,"value":"legend_items = (group, items) => {\n const data = items;\n\n group\n .select(\"g.legend\")\n .selectAll(\"g\")\n .data(data.filter(d => d.line || d.fill))\n .join(\n enter => {\n const g = enter\n .append(\"g\")\n .attr(\"transform\", (d, i) => `translate(0 ${25 * i})`);\n\n g.append(\"text\")\n .text(d => d.subject)\n .attr(\"y\", 10)\n .attr(\"x\", 20);\n\n const [a, b] = [0, 0].map(() =>\n g\n .append(\"rect\")\n .attr(\"width\", 10)\n .attr(\"height\", d => (d.fill ? 10 : 1))\n .attr(\"y\", d => (d.fill ? 0 : 4))\n );\n\n a.attr(\"fill\", d => d.fill).attr(\n \"opacity\",\n ({ opacity = .3 }) => opacity\n );\n\n b.attr(\"fill\", \"none\")\n .attr(\"stroke\", d => (d.line ? d.line : colors[d.subject]))\n .attr(\"stroke-width\", 2)\n .attr(\"rx\", 2);\n },\n update => {}\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"line = (x_scale, y_scale) =>\n d3\n .line()\n .x(d => x_scale(d[0]))\n .y(d => y_scale(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"with_fill_points = (top, zero = 0) => {\n const first = [top[0][0], zero];\n const last = [top[top.length - 1][0], zero];\n return [first, ...top, last];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"with_stack_points = (top, bottom) => [...top, ...bottom.slice().reverse()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1546,"value":"horizontal_band = (s, vertical_scale, from, to, fill) => {\n const y = to === Infinity ? margin.top : vertical_scale(to);\n return s\n .append(\"rect\")\n .attr(\"x\", margin.left)\n .attr(\"y\", y)\n .attr(\"width\", width - margin.right - margin.left)\n .attr(\"height\", vertical_scale(from) - y)\n .attr(\"fill\", fill);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1610,"value":"subject_opacity = (s, hovered_subject) => {\n s.selectAll(\"path\").attr(\"opacity\", ({ subject, opacity = .2 }) => {\n return subject == hovered_subject ? 2 * opacity : opacity;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"md`#### Callout text`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1025,"value":"add_infeasibility_warning = s => {\n return callout_text(s, \"No solution found\").attr(\n \"class\",\n \"infeasibility_warning\"\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1049,"value":"add_connecting_warning = s => {\n return callout_text(s, \"Connecting...\").attr(\"class\", \"connecting_warning\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"callout_text = (s, text) => {\n return s\n .append(\"g\")\n .attr(\"class\", \"callout\")\n .append(\"text\")\n .attr(\"x\", width / 2)\n .attr(\"y\", height / 2)\n .attr(\"text-anchor\", \"middle\")\n .text(text);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":386,"value":"md`### Style`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"colors = ({\n baseline: \"#dddddd\",\n baseline_emissions: \"#dddddd\",\n baseline_concentrations: \"#dddddd\",\n baseline_temperature: \"#dddddd\",\n temperature: \"#edc949\",\n above_paris: \"#e1575910\",\n M: \"#4E79A7\",\n R: \"#F28E2C\",\n A: \"#59A14F\",\n G: \"#E15759\",\n T_max: \"#00000080\",\n controls: \"#af7aa1\",\n damages: \"#e15759\",\n emissions: \"brown\",\n concentrations: \"brown\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"margin = ({ top: 20, right: 100, bottom: 30, left: 45 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"margin_legend = ({ top: 4, right: 0, bottom: margin.bottom, left: 10 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"{\n const node = DOM.svg(50, 50);\n const s = d3.select(node);\n\n const p = add_all_patterns(s, .3);\n\n s.append(\"rect\")\n .attr(\"width\", 50)\n .attr(\"height\", 50)\n .attr(\"fill\", p.A);\n\n return node;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1290,"value":"add_pattern = (s, ratio, fill) => {\n const id = Math.random()\n .toString()\n .substr(2);\n const pattern = s\n .append(\"pattern\")\n .attr(\"id\", id)\n .attr(\"patternUnits\", \"userSpaceOnUse\")\n .attr(\"width\", 10)\n .attr(\"height\", 10);\n\n const g = pattern.append(\"g\").attr(\"transform\", \"rotate(45)\");\n g.append(\"rect\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"height\", Math.sqrt(2) * 5 * ratio)\n .attr(\"width\", 20)\n .attr(\"fill\", fill);\n\n g.append(\"rect\")\n .attr(\"x\", 0)\n .attr(\"y\", -Math.sqrt(2) * 5)\n .attr(\"height\", Math.sqrt(2) * 5 * ratio)\n .attr(\"width\", 20)\n .attr(\"fill\", fill);\n\n return `url('#${id}')`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1661,"value":"add_all_patterns = (s, ratio) => {\n const d = s.append(\"defs\");\n return Object.fromEntries(\n Object.keys(colors).map(c => {\n return [c, add_pattern(d, ratio, colors[c])];\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1673,"value":"Object.fromEntries([[\"a\", 1]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"md`### Scales & axes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"horizontal_scale = domain =>\n d3\n .scaleLinear()\n .domain(domain)\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"vertical_scale = (domain) => d3\n .scaleLinear()\n .domain(domain)\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":791,"value":"scale = ({\n year: horizontal_scale([2020, year_end]),\n temperature: vertical_scale([0.0, 5.0]),\n emissions: vertical_scale([-4.0, 10.0]),\n concentrations: vertical_scale([0, 1300.0]),\n concentrations_relative: vertical_scale([0, 1300.0/280.0]),\n percent: vertical_scale([0.0, 1.0]),\n costs_S: vertical_scale([0.0, 2.0]),\n costs_L: vertical_scale([0.0, 10.0])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":728,"value":"md`### Calculations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"plus = (a, b) => a.map((x, i) => x + b[i])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"minus = (a, b) => a.map((x, i) => x - b[i])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"squared = a => a.map(x => x * x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":740,"value":"get_MRGA = (r, give_costs) => {\n if (give_costs) {\n return [\n r.computed.costs.M.discounted,\n r.computed.costs.R.discounted,\n r.computed.costs.G.discounted,\n r.computed.costs.A.discounted\n ];\n } else {\n return [\n r.controls.mitigate,\n r.controls.remove,\n r.controls.geoeng,\n r.controls.adapt\n ];\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1192,"value":"domain_array = domain => {\n return d3.range(\n domain.initial_year,\n domain.final_year + domain.dt * .5,\n domain.dt\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"md`### Misc`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":900,"value":"click_cycle = options => {\n const span = html``;\n const update = index => {\n span.onclick = e => {\n if (index == options.length - 1) {\n update(0);\n } else {\n update(index + 1);\n }\n };\n\n span.innerHTML = options[index].label;\n span.value = options[index].value;\n span.dispatchEvent(new CustomEvent(\"input\"));\n };\n\n update(0);\n\n return span;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"mutable hovered_subject = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"status_ok = s =>\n [\n \"OPTIMAL\",\n \"LOCALLY_SOLVED\",\n \"ALMOST_OPTIMAL\",\n \"ALMOST_LOCALLY_SOLVED\"\n ].includes(s)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"height = 240","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"async_map = async function*(generator, fn) {\n for await (let x of generator) {\n try {\n yield await fn(x);\n } catch (e) {}\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"md`### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"import { margo_client } from \"@olivier_plas/margo-web-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"import { View } from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 33:"$32:body"