Historical emissions and a projected pathway wedge
Time series charts in CanvasXpress show how values change over calendar time: annual, monthly and daily series as lines, step lines, areas, columns and small multiples, with confidence bands, projections, shaded periods, event callouts, dual axes and direct end labels. These examples recreate editorial chart idioms (the Datawrapper reference set) with synthetic data and publication-style themes; every one of them is an ordinary Scatter2D, Line, Area, AreaLine, Bar, BarLine or Stacked configuration, so the same options apply to your own dated data.
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Use a data frame (2D-array) for the graph
var data =
// Create the configuration for the graph
var config = {
"graphType" : "Scatter2D",
"theme" : "classic",
"xAxisGridMajorShow" : true,
"yAxisGridMajorShow" : true,
"xAxisGridMajorColor" : "#dcdcdc",
"yAxisGridMajorColor" : "#dcdcdc",
"xAxis" : [
"Year"
],
"yAxis" : [
"Emissions"
],
"lineBy" : "Series",
"colorBy" : "Series",
"ribbonBy" : [
"Upper",
"Lower"
],
"ribbonByType" : "area",
"lineDecoration" : "pattern",
"linePatterns" : [
"solid",
"dashed"
],
"colorScheme" : "User",
"colors" : [
"#4477aa",
"#cc3311"
],
"showLegend" : false,
"lineThickness" : 2.5,
"showTransition" : false,
"graphOrientation" : "vertical",
"title" : "Required emission pathway for a 2 °C-consistent budget",
"yAxisTitle" : "",
"xAxisTitle" : "",
"setMinX" : 1950,
"setMaxX" : 2060,
"setMinY" : 0,
"xAxisTicks" : 11,
"decorations" : {
"marker" : [
{
"sample" : [
"Year",
"Emissions"
],
"variable" : "p80",
"text" : "To stay within the budget,\nemissions have to reach\nnet-zero by 2055, falling\nabout 3% every year.",
"x" : 0.3,
"y" : 0.78,
"type" : "text",
"color" : "#cc3311"
}
]
},
"notes" : "Billion tonnes CO2 per year (illustrative)",
"source" : "Synthetic data for illustration",
"byline" : "Chart: CanvasXpress",
"showDataDownload" : false
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Create the data for the graph
var data = {
"y" : {
"vars" : [
"p0",
"p1",
"p2",
"p3",
"p4",
"p5",
"p6",
"p7",
"p8",
"p9",
"p10",
"p11",
"p12",
"p13",
"p14",
"p15",
"p16",
"p17",
"p18",
"p19",
"p20",
"p21",
"p22",
"p23",
"p24",
"p25",
"p26",
"p27",
"p28",
"p29",
"p30",
"p31",
"p32",
"p33",
"p34",
"p35",
"p36",
"p37",
"p38",
"p39",
"p40",
"p41",
"p42",
"p43",
"p44",
"p45",
"p46",
"p47",
"p48",
"p49",
"p50",
"p51",
"p52",
"p53",
"p54",
"p55",
"p56",
"p57",
"p58",
"p59",
"p60",
"p61",
"p62",
"p63",
"p64",
"p65",
"p66",
"p67",
"p68",
"p69",
"p70",
"p71",
"p72",
"p73",
"p74",
"p75",
"p76",
"p77",
"p78",
"p79",
"p80",
"p81",
"p82",
"p83",
"p84",
"p85",
"p86",
"p87",
"p88",
"p89",
"p90",
"p91",
"p92",
"p93",
"p94",
"p95",
"p96",
"p97"
],
"smps" : [
"Year",
"Emissions",
"Upper",
"Lower"
],
"data" : [
[
1960,
6.43,
null,
null
],
[
1961,
6.92,
null,
null
],
[
1962,
7.09,
null,
null
],
[
1963,
7.87,
null,
null
],
[
1964,
8.13,
null,
null
],
[
1965,
8.42,
null,
null
],
[
1966,
8.54,
null,
null
],
[
1967,
9.04,
null,
null
],
[
1968,
9.38,
null,
null
],
[
1969,
9.69,
null,
null
],
[
1970,
10.07,
null,
null
],
[
1971,
10.45,
null,
null
],
[
1972,
10.75,
null,
null
],
[
1973,
11.28,
null,
null
],
[
1974,
11.79,
null,
null
],
[
1975,
12.09,
null,
null
],
[
1976,
12.25,
null,
null
],
[
1977,
12.79,
null,
null
],
[
1978,
13.19,
null,
null
],
[
1979,
13.46,
null,
null
],
[
1980,
13.58,
null,
null
],
[
1981,
14.17,
null,
null
],
[
1982,
13.93,
null,
null
],
[
1983,
13.74,
null,
null
],
[
1984,
14.18,
null,
null
],
[
1985,
14.59,
null,
null
],
[
1986,
14.74,
null,
null
],
[
1987,
15.48,
null,
null
],
[
1988,
15.98,
null,
null
],
[
1989,
16.29,
null,
null
],
[
1990,
16.5,
null,
null
],
[
1991,
16.86,
null,
null
],
[
1992,
17.1,
null,
null
],
[
1993,
17.64,
null,
null
],
[
1994,
18.04,
null,
null
],
[
1995,
18.48,
null,
null
],
[
1996,
19.22,
null,
null
],
[
1997,
19.78,
null,
null
],
[
1998,
20.33,
null,
null
],
[
1999,
20.4,
null,
null
],
[
2000,
20.6,
null,
null
],
[
2001,
20.57,
null,
null
],
[
2002,
20.63,
null,
null
],
[
2003,
20.72,
null,
null
],
[
2004,
20.66,
null,
null
],
[
2005,
20.88,
null,
null
],
[
2006,
21.29,
null,
null
],
[
2007,
21.79,
null,
null
],
[
2008,
22.26,
null,
null
],
[
2009,
22.53,
null,
null
],
[
2010,
22.57,
null,
null
],
[
2011,
22.7,
null,
null
],
[
2012,
23.26,
null,
null
],
[
2013,
23.24,
null,
null
],
[
2014,
23.14,
null,
null
],
[
2015,
23.05,
null,
null
],
[
2016,
23.13,
null,
null
],
[
2017,
23.1,
null,
null
],
[
2018,
23.2,
null,
null
],
[
2019,
23.01,
null,
null
],
[
2020,
23.34,
null,
null
],
[
2021,
23.41,
null,
null
],
[
2022,
23.51,
null,
null
],
[
2022,
23.51,
23.51,
23.51
],
[
2023,
22.8,
23.42,
22.17
],
[
2024,
22.09,
23.31,
20.86
],
[
2025,
21.37,
23.18,
19.56
],
[
2026,
20.66,
23.02,
18.3
],
[
2027,
19.95,
22.82,
17.07
],
[
2028,
19.24,
22.59,
15.88
],
[
2029,
18.52,
22.31,
14.73
],
[
2030,
17.81,
22,
13.63
],
[
2031,
17.1,
21.63,
12.56
],
[
2032,
16.39,
21.22,
11.55
],
[
2033,
15.67,
20.76,
10.59
],
[
2034,
14.96,
20.25,
9.67
],
[
2035,
14.25,
19.69,
8.81
],
[
2036,
13.54,
19.08,
7.99
],
[
2037,
12.82,
18.42,
7.23
],
[
2038,
12.11,
17.71,
6.51
],
[
2039,
11.4,
16.95,
5.84
],
[
2040,
10.69,
16.15,
5.22
],
[
2041,
9.97,
15.3,
4.64
],
[
2042,
9.26,
14.42,
4.11
],
[
2043,
8.55,
13.49,
3.61
],
[
2044,
7.84,
12.53,
3.15
],
[
2045,
7.12,
11.53,
2.72
],
[
2046,
6.41,
10.51,
2.31
],
[
2047,
5.7,
9.46,
1.94
],
[
2048,
4.99,
8.39,
1.58
],
[
2049,
4.27,
7.31,
1.24
],
[
2050,
3.56,
6.21,
0.92
],
[
2051,
2.85,
5.1,
0.6
],
[
2052,
2.14,
3.99,
0.29
],
[
2053,
1.42,
2.87,
0
],
[
2054,
0.71,
1.76,
0
],
[
2055,
0,
0.66,
0
],
[
2056,
0,
0,
0
]
]
},
"z" : {
"Series" : [
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Observed",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway",
"Pathway"
]
}
}
// Create the configuration for the graph
var config = {
"graphType" : "Scatter2D",
"theme" : "classic",
"xAxisGridMajorShow" : true,
"yAxisGridMajorShow" : true,
"xAxisGridMajorColor" : "#dcdcdc",
"yAxisGridMajorColor" : "#dcdcdc",
"xAxis" : [
"Year"
],
"yAxis" : [
"Emissions"
],
"lineBy" : "Series",
"colorBy" : "Series",
"ribbonBy" : [
"Upper",
"Lower"
],
"ribbonByType" : "area",
"lineDecoration" : "pattern",
"linePatterns" : [
"solid",
"dashed"
],
"colorScheme" : "User",
"colors" : [
"#4477aa",
"#cc3311"
],
"showLegend" : false,
"lineThickness" : 2.5,
"showTransition" : false,
"graphOrientation" : "vertical",
"title" : "Required emission pathway for a 2 °C-consistent budget",
"yAxisTitle" : "",
"xAxisTitle" : "",
"setMinX" : 1950,
"setMaxX" : 2060,
"setMinY" : 0,
"xAxisTicks" : 11,
"decorations" : {
"marker" : [
{
"sample" : [
"Year",
"Emissions"
],
"variable" : "p80",
"text" : "To stay within the budget,\nemissions have to reach\nnet-zero by 2055, falling\nabout 3% every year.",
"x" : 0.3,
"y" : 0.78,
"type" : "text",
"color" : "#cc3311"
}
]
},
"notes" : "Billion tonnes CO2 per year (illustrative)",
"source" : "Synthetic data for illustration",
"byline" : "Chart: CanvasXpress",
"showDataDownload" : false
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import show_in_browser
if __name__ == "__main__":
# Define the chart with its data and configuration
chart: CanvasXpress = CanvasXpress(
render_to = "timeseries3",
data = {
"y": {
"vars": ["p0", "p1", "p2", "p3", "p4", "p5", "p6", "p7", "p8", "p9", "p10", "p11", "p12", "p13", "p14", "p15", "p16", "p17", "p18", "p19", "p20", "p21", "p22", "p23", "p24", "p25", "p26", "p27", "p28", "p29", "p30", "p31", "p32", "p33", "p34", "p35", "p36", "p37", "p38", "p39", "p40", "p41", "p42", "p43", "p44", "p45", "p46", "p47", "p48", "p49", "p50", "p51", "p52", "p53", "p54", "p55", "p56", "p57", "p58", "p59", "p60", "p61", "p62", "p63", "p64", "p65", "p66", "p67", "p68", "p69", "p70", "p71", "p72", "p73", "p74", "p75", "p76", "p77", "p78", "p79", "p80", "p81", "p82", "p83", "p84", "p85", "p86", "p87", "p88", "p89", "p90", "p91", "p92", "p93", "p94", "p95", "p96", "p97"],
"smps": ["Year", "Emissions", "Upper", "Lower"],
"data": [
[1960, 6.43, None, None],
[1961, 6.92, None, None],
[1962, 7.09, None, None],
[1963, 7.87, None, None],
[1964, 8.13, None, None],
[1965, 8.42, None, None],
[1966, 8.54, None, None],
[1967, 9.04, None, None],
[1968, 9.38, None, None],
[1969, 9.69, None, None],
[1970, 10.07, None, None],
[1971, 10.45, None, None],
[1972, 10.75, None, None],
[1973, 11.28, None, None],
[1974, 11.79, None, None],
[1975, 12.09, None, None],
[1976, 12.25, None, None],
[1977, 12.79, None, None],
[1978, 13.19, None, None],
[1979, 13.46, None, None],
[1980, 13.58, None, None],
[1981, 14.17, None, None],
[1982, 13.93, None, None],
[1983, 13.74, None, None],
[1984, 14.18, None, None],
[1985, 14.59, None, None],
[1986, 14.74, None, None],
[1987, 15.48, None, None],
[1988, 15.98, None, None],
[1989, 16.29, None, None],
[1990, 16.5, None, None],
[1991, 16.86, None, None],
[1992, 17.1, None, None],
[1993, 17.64, None, None],
[1994, 18.04, None, None],
[1995, 18.48, None, None],
[1996, 19.22, None, None],
[1997, 19.78, None, None],
[1998, 20.33, None, None],
[1999, 20.4, None, None],
[2000, 20.6, None, None],
[2001, 20.57, None, None],
[2002, 20.63, None, None],
[2003, 20.72, None, None],
[2004, 20.66, None, None],
[2005, 20.88, None, None],
[2006, 21.29, None, None],
[2007, 21.79, None, None],
[2008, 22.26, None, None],
[2009, 22.53, None, None],
[2010, 22.57, None, None],
[2011, 22.7, None, None],
[2012, 23.26, None, None],
[2013, 23.24, None, None],
[2014, 23.14, None, None],
[2015, 23.05, None, None],
[2016, 23.13, None, None],
[2017, 23.1, None, None],
[2018, 23.2, None, None],
[2019, 23.01, None, None],
[2020, 23.34, None, None],
[2021, 23.41, None, None],
[2022, 23.51, None, None],
[2022, 23.51, 23.51, 23.51],
[2023, 22.8, 23.42, 22.17],
[2024, 22.09, 23.31, 20.86],
[2025, 21.37, 23.18, 19.56],
[2026, 20.66, 23.02, 18.3],
[2027, 19.95, 22.82, 17.07],
[2028, 19.24, 22.59, 15.88],
[2029, 18.52, 22.31, 14.73],
[2030, 17.81, 22, 13.63],
[2031, 17.1, 21.63, 12.56],
[2032, 16.39, 21.22, 11.55],
[2033, 15.67, 20.76, 10.59],
[2034, 14.96, 20.25, 9.67],
[2035, 14.25, 19.69, 8.81],
[2036, 13.54, 19.08, 7.99],
[2037, 12.82, 18.42, 7.23],
[2038, 12.11, 17.71, 6.51],
[2039, 11.4, 16.95, 5.84],
[2040, 10.69, 16.15, 5.22],
[2041, 9.97, 15.3, 4.64],
[2042, 9.26, 14.42, 4.11],
[2043, 8.55, 13.49, 3.61],
[2044, 7.84, 12.53, 3.15],
[2045, 7.12, 11.53, 2.72],
[2046, 6.41, 10.51, 2.31],
[2047, 5.7, 9.46, 1.94],
[2048, 4.99, 8.39, 1.58],
[2049, 4.27, 7.31, 1.24],
[2050, 3.56, 6.21, 0.92],
[2051, 2.85, 5.1, 0.6],
[2052, 2.14, 3.99, 0.29],
[2053, 1.42, 2.87, 0],
[2054, 0.71, 1.76, 0],
[2055, 0, 0.66, 0],
[2056, 0, 0, 0]
]
},
"z": {
"Series": ["Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway"]
}
},
config = {
"graphType": "Scatter2D",
"theme": "classic",
"xAxisGridMajorShow": True,
"yAxisGridMajorShow": True,
"xAxisGridMajorColor": "#dcdcdc",
"yAxisGridMajorColor": "#dcdcdc",
"xAxis": ["Year"],
"yAxis": ["Emissions"],
"lineBy": "Series",
"colorBy": "Series",
"ribbonBy": ["Upper", "Lower"],
"ribbonByType": "area",
"lineDecoration": "pattern",
"linePatterns": ["solid", "dashed"],
"colorScheme": "User",
"colors": ["#4477aa", "#cc3311"],
"showLegend": False,
"lineThickness": 2.5,
"showTransition": False,
"graphOrientation": "vertical",
"title": "Required emission pathway for a 2 °C-consistent budget",
"yAxisTitle": "",
"xAxisTitle": "",
"setMinX": 1950,
"setMaxX": 2060,
"setMinY": 0,
"xAxisTicks": 11,
"decorations": {
"marker": [
{
"sample": ["Year", "Emissions"],
"variable": "p80",
"text": "To stay within the budget,\nemissions have to reach\nnet-zero by 2055, falling\nabout 3% every year.",
"x": 0.3,
"y": 0.78,
"type": "text",
"color": "#cc3311"
}
]
},
"notes": "Billion tonnes CO2 per year (illustrative)",
"source": "Synthetic data for illustration",
"byline": "Chart: CanvasXpress",
"showDataDownload": False
},
width = 760,
height = 600
)
# Display the chart in its own Web page
show_in_browser(chart)
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import graph
graph(
CanvasXpress(
render_to = "timeseries3",
data = {
"y": {
"vars": ["p0", "p1", "p2", "p3", "p4", "p5", "p6", "p7", "p8", "p9", "p10", "p11", "p12", "p13", "p14", "p15", "p16", "p17", "p18", "p19", "p20", "p21", "p22", "p23", "p24", "p25", "p26", "p27", "p28", "p29", "p30", "p31", "p32", "p33", "p34", "p35", "p36", "p37", "p38", "p39", "p40", "p41", "p42", "p43", "p44", "p45", "p46", "p47", "p48", "p49", "p50", "p51", "p52", "p53", "p54", "p55", "p56", "p57", "p58", "p59", "p60", "p61", "p62", "p63", "p64", "p65", "p66", "p67", "p68", "p69", "p70", "p71", "p72", "p73", "p74", "p75", "p76", "p77", "p78", "p79", "p80", "p81", "p82", "p83", "p84", "p85", "p86", "p87", "p88", "p89", "p90", "p91", "p92", "p93", "p94", "p95", "p96", "p97"],
"smps": ["Year", "Emissions", "Upper", "Lower"],
"data": [
[1960, 6.43, None, None],
[1961, 6.92, None, None],
[1962, 7.09, None, None],
[1963, 7.87, None, None],
[1964, 8.13, None, None],
[1965, 8.42, None, None],
[1966, 8.54, None, None],
[1967, 9.04, None, None],
[1968, 9.38, None, None],
[1969, 9.69, None, None],
[1970, 10.07, None, None],
[1971, 10.45, None, None],
[1972, 10.75, None, None],
[1973, 11.28, None, None],
[1974, 11.79, None, None],
[1975, 12.09, None, None],
[1976, 12.25, None, None],
[1977, 12.79, None, None],
[1978, 13.19, None, None],
[1979, 13.46, None, None],
[1980, 13.58, None, None],
[1981, 14.17, None, None],
[1982, 13.93, None, None],
[1983, 13.74, None, None],
[1984, 14.18, None, None],
[1985, 14.59, None, None],
[1986, 14.74, None, None],
[1987, 15.48, None, None],
[1988, 15.98, None, None],
[1989, 16.29, None, None],
[1990, 16.5, None, None],
[1991, 16.86, None, None],
[1992, 17.1, None, None],
[1993, 17.64, None, None],
[1994, 18.04, None, None],
[1995, 18.48, None, None],
[1996, 19.22, None, None],
[1997, 19.78, None, None],
[1998, 20.33, None, None],
[1999, 20.4, None, None],
[2000, 20.6, None, None],
[2001, 20.57, None, None],
[2002, 20.63, None, None],
[2003, 20.72, None, None],
[2004, 20.66, None, None],
[2005, 20.88, None, None],
[2006, 21.29, None, None],
[2007, 21.79, None, None],
[2008, 22.26, None, None],
[2009, 22.53, None, None],
[2010, 22.57, None, None],
[2011, 22.7, None, None],
[2012, 23.26, None, None],
[2013, 23.24, None, None],
[2014, 23.14, None, None],
[2015, 23.05, None, None],
[2016, 23.13, None, None],
[2017, 23.1, None, None],
[2018, 23.2, None, None],
[2019, 23.01, None, None],
[2020, 23.34, None, None],
[2021, 23.41, None, None],
[2022, 23.51, None, None],
[2022, 23.51, 23.51, 23.51],
[2023, 22.8, 23.42, 22.17],
[2024, 22.09, 23.31, 20.86],
[2025, 21.37, 23.18, 19.56],
[2026, 20.66, 23.02, 18.3],
[2027, 19.95, 22.82, 17.07],
[2028, 19.24, 22.59, 15.88],
[2029, 18.52, 22.31, 14.73],
[2030, 17.81, 22, 13.63],
[2031, 17.1, 21.63, 12.56],
[2032, 16.39, 21.22, 11.55],
[2033, 15.67, 20.76, 10.59],
[2034, 14.96, 20.25, 9.67],
[2035, 14.25, 19.69, 8.81],
[2036, 13.54, 19.08, 7.99],
[2037, 12.82, 18.42, 7.23],
[2038, 12.11, 17.71, 6.51],
[2039, 11.4, 16.95, 5.84],
[2040, 10.69, 16.15, 5.22],
[2041, 9.97, 15.3, 4.64],
[2042, 9.26, 14.42, 4.11],
[2043, 8.55, 13.49, 3.61],
[2044, 7.84, 12.53, 3.15],
[2045, 7.12, 11.53, 2.72],
[2046, 6.41, 10.51, 2.31],
[2047, 5.7, 9.46, 1.94],
[2048, 4.99, 8.39, 1.58],
[2049, 4.27, 7.31, 1.24],
[2050, 3.56, 6.21, 0.92],
[2051, 2.85, 5.1, 0.6],
[2052, 2.14, 3.99, 0.29],
[2053, 1.42, 2.87, 0],
[2054, 0.71, 1.76, 0],
[2055, 0, 0.66, 0],
[2056, 0, 0, 0]
]
},
"z": {
"Series": ["Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway"]
}
},
config = {
"graphType": "Scatter2D",
"theme": "classic",
"xAxisGridMajorShow": True,
"yAxisGridMajorShow": True,
"xAxisGridMajorColor": "#dcdcdc",
"yAxisGridMajorColor": "#dcdcdc",
"xAxis": ["Year"],
"yAxis": ["Emissions"],
"lineBy": "Series",
"colorBy": "Series",
"ribbonBy": ["Upper", "Lower"],
"ribbonByType": "area",
"lineDecoration": "pattern",
"linePatterns": ["solid", "dashed"],
"colorScheme": "User",
"colors": ["#4477aa", "#cc3311"],
"showLegend": False,
"lineThickness": 2.5,
"showTransition": False,
"graphOrientation": "vertical",
"title": "Required emission pathway for a 2 °C-consistent budget",
"yAxisTitle": "",
"xAxisTitle": "",
"setMinX": 1950,
"setMaxX": 2060,
"setMinY": 0,
"xAxisTicks": 11,
"decorations": {
"marker": [
{
"sample": ["Year", "Emissions"],
"variable": "p80",
"text": "To stay within the budget,\nemissions have to reach\nnet-zero by 2055, falling\nabout 3% every year.",
"x": 0.3,
"y": 0.78,
"type": "text",
"color": "#cc3311"
}
]
},
"notes": "Billion tonnes CO2 per year (illustrative)",
"source": "Synthetic data for illustration",
"byline": "Chart: CanvasXpress",
"showDataDownload": False
},
width = 760,
height = 600
)
)
using CanvasXpress
canvasxpress(Dict(
"y" => Dict(
"vars" => ["p0", "p1", "p2", "p3", "p4", "p5", "p6", "p7", "p8", "p9", "p10", "p11", "p12", "p13", "p14", "p15", "p16", "p17", "p18", "p19", "p20", "p21", "p22", "p23", "p24", "p25", "p26", "p27", "p28", "p29", "p30", "p31", "p32", "p33", "p34", "p35", "p36", "p37", "p38", "p39", "p40", "p41", "p42", "p43", "p44", "p45", "p46", "p47", "p48", "p49", "p50", "p51", "p52", "p53", "p54", "p55", "p56", "p57", "p58", "p59", "p60", "p61", "p62", "p63", "p64", "p65", "p66", "p67", "p68", "p69", "p70", "p71", "p72", "p73", "p74", "p75", "p76", "p77", "p78", "p79", "p80", "p81", "p82", "p83", "p84", "p85", "p86", "p87", "p88", "p89", "p90", "p91", "p92", "p93", "p94", "p95", "p96", "p97"],
"smps" => ["Year", "Emissions", "Upper", "Lower"],
"data" => [
[1960, 6.43, nothing, nothing],
[1961, 6.92, nothing, nothing],
[1962, 7.09, nothing, nothing],
[1963, 7.87, nothing, nothing],
[1964, 8.13, nothing, nothing],
[1965, 8.42, nothing, nothing],
[1966, 8.54, nothing, nothing],
[1967, 9.04, nothing, nothing],
[1968, 9.38, nothing, nothing],
[1969, 9.69, nothing, nothing],
[1970, 10.07, nothing, nothing],
[1971, 10.45, nothing, nothing],
[1972, 10.75, nothing, nothing],
[1973, 11.28, nothing, nothing],
[1974, 11.79, nothing, nothing],
[1975, 12.09, nothing, nothing],
[1976, 12.25, nothing, nothing],
[1977, 12.79, nothing, nothing],
[1978, 13.19, nothing, nothing],
[1979, 13.46, nothing, nothing],
[1980, 13.58, nothing, nothing],
[1981, 14.17, nothing, nothing],
[1982, 13.93, nothing, nothing],
[1983, 13.74, nothing, nothing],
[1984, 14.18, nothing, nothing],
[1985, 14.59, nothing, nothing],
[1986, 14.74, nothing, nothing],
[1987, 15.48, nothing, nothing],
[1988, 15.98, nothing, nothing],
[1989, 16.29, nothing, nothing],
[1990, 16.5, nothing, nothing],
[1991, 16.86, nothing, nothing],
[1992, 17.1, nothing, nothing],
[1993, 17.64, nothing, nothing],
[1994, 18.04, nothing, nothing],
[1995, 18.48, nothing, nothing],
[1996, 19.22, nothing, nothing],
[1997, 19.78, nothing, nothing],
[1998, 20.33, nothing, nothing],
[1999, 20.4, nothing, nothing],
[2000, 20.6, nothing, nothing],
[2001, 20.57, nothing, nothing],
[2002, 20.63, nothing, nothing],
[2003, 20.72, nothing, nothing],
[2004, 20.66, nothing, nothing],
[2005, 20.88, nothing, nothing],
[2006, 21.29, nothing, nothing],
[2007, 21.79, nothing, nothing],
[2008, 22.26, nothing, nothing],
[2009, 22.53, nothing, nothing],
[2010, 22.57, nothing, nothing],
[2011, 22.7, nothing, nothing],
[2012, 23.26, nothing, nothing],
[2013, 23.24, nothing, nothing],
[2014, 23.14, nothing, nothing],
[2015, 23.05, nothing, nothing],
[2016, 23.13, nothing, nothing],
[2017, 23.1, nothing, nothing],
[2018, 23.2, nothing, nothing],
[2019, 23.01, nothing, nothing],
[2020, 23.34, nothing, nothing],
[2021, 23.41, nothing, nothing],
[2022, 23.51, nothing, nothing],
[2022, 23.51, 23.51, 23.51],
[2023, 22.8, 23.42, 22.17],
[2024, 22.09, 23.31, 20.86],
[2025, 21.37, 23.18, 19.56],
[2026, 20.66, 23.02, 18.3],
[2027, 19.95, 22.82, 17.07],
[2028, 19.24, 22.59, 15.88],
[2029, 18.52, 22.31, 14.73],
[2030, 17.81, 22, 13.63],
[2031, 17.1, 21.63, 12.56],
[2032, 16.39, 21.22, 11.55],
[2033, 15.67, 20.76, 10.59],
[2034, 14.96, 20.25, 9.67],
[2035, 14.25, 19.69, 8.81],
[2036, 13.54, 19.08, 7.99],
[2037, 12.82, 18.42, 7.23],
[2038, 12.11, 17.71, 6.51],
[2039, 11.4, 16.95, 5.84],
[2040, 10.69, 16.15, 5.22],
[2041, 9.97, 15.3, 4.64],
[2042, 9.26, 14.42, 4.11],
[2043, 8.55, 13.49, 3.61],
[2044, 7.84, 12.53, 3.15],
[2045, 7.12, 11.53, 2.72],
[2046, 6.41, 10.51, 2.31],
[2047, 5.7, 9.46, 1.94],
[2048, 4.99, 8.39, 1.58],
[2049, 4.27, 7.31, 1.24],
[2050, 3.56, 6.21, 0.92],
[2051, 2.85, 5.1, 0.6],
[2052, 2.14, 3.99, 0.29],
[2053, 1.42, 2.87, 0],
[2054, 0.71, 1.76, 0],
[2055, 0, 0.66, 0],
[2056, 0, 0, 0]
]
),
"z" => Dict(
"Series" => ["Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Observed", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway", "Pathway"]
)
);
graphType = "Scatter2D",
theme = "classic",
xAxisGridMajorShow = true,
yAxisGridMajorShow = true,
xAxisGridMajorColor = "#dcdcdc",
yAxisGridMajorColor = "#dcdcdc",
xAxis = ["Year"],
yAxis = ["Emissions"],
lineBy = "Series",
colorBy = "Series",
ribbonBy = ["Upper", "Lower"],
ribbonByType = "area",
lineDecoration = "pattern",
linePatterns = ["solid", "dashed"],
colorScheme = "User",
colors = ["#4477aa", "#cc3311"],
showLegend = false,
lineThickness = 2.5,
showTransition = false,
graphOrientation = "vertical",
title = "Required emission pathway for a 2 °C-consistent budget",
yAxisTitle = "",
xAxisTitle = "",
setMinX = 1950,
setMaxX = 2060,
setMinY = 0,
xAxisTicks = 11,
decorations = Dict(
"marker" => [
Dict(
"sample" => ["Year", "Emissions"],
"variable" => "p80",
"text" => "To stay within the budget,\nemissions have to reach\nnet-zero by 2055, falling\nabout 3% every year.",
"x" => 0.3,
"y" => 0.78,
"type" => "text",
"color" => "#cc3311"
)
]
),
notes = "Billion tonnes CO2 per year (illustrative)",
source = "Synthetic data for illustration",
byline = "Chart: CanvasXpress",
showDataDownload = false
)
























