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.


Economist GGPlot Excel Paul Tol Black And White Solarized Stata Tableau Wall Street CanvasXpress
<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)
Run this notebook: Open in Binder
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
)
⇧