Quarterly rates, regional versus national

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" : "Line",
         "theme" : "editorial",
         "title" : "Mercado laboral del Gran Catamarca",
         "subtitle" : "Evolución de las tasas de desocupación del Gran Catamarca y del total nacional. Período 2018-2026.\nEn porcentajes sobre la población activa.",
         "colors" : [
            "#0c5871",
            "#e6322e"
         ],
         "colorScheme" : "User",
         "showLineEndLabels" : true,
         "showLegend" : false,
         "numberFormat" : {
            "style" : "decimal",
            "decimals" : 0
         },
         "tooltipNumberFormat" : {
            "style" : "decimal",
            "decimals" : 1,
            "suffix" : "%"
         },
         "smpLabelInterval" : 6,
         "yAxisTitle" : "",
         "smpTitle" : "",
         "byline" : "Chart: Synergia Consultores en base a INDEC",
         "showDataDownload" : true,
         "graphOrientation" : "vertical",
         "decorations" : {
            "marker" : [
               {
                  "text" : "7.4",
                  "variable" : "Gran Catamarca",
                  "sample" : "1° Trim 18",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.0139,
                  "y" : 0.4854
               },
               {
                  "text" : "9.1",
                  "variable" : "Gran Catamarca",
                  "sample" : "2° Trim 20",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.3365,
                  "y" : 0.3646
               },
               {
                  "text" : "3.2",
                  "variable" : "Gran Catamarca",
                  "sample" : "1° Trim 22",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.495,
                  "y" : 0.8211
               },
               {
                  "text" : "7.3",
                  "variable" : "Gran Catamarca",
                  "sample" : "3° Trim 22",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.5506,
                  "y" : 0.4555
               },
               {
                  "text" : "2.3",
                  "variable" : "Gran Catamarca",
                  "sample" : "3° Trim 24",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.773,
                  "y" : 0.8851
               },
               {
                  "text" : "6.4",
                  "variable" : "Gran Catamarca",
                  "sample" : "2° Trim 26",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 1.0147,
                  "y" : 0.5959
               },
               {
                  "text" : "9.1",
                  "variable" : "Total nacional",
                  "sample" : "1° Trim 18",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.0139,
                  "y" : 0.3646
               },
               {
                  "text" : "13.1",
                  "variable" : "Total nacional",
                  "sample" : "2° Trim 20",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.2642,
                  "y" : 0.0802
               },
               {
                  "text" : "7.0",
                  "variable" : "Total nacional",
                  "sample" : "4° Trim 21",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.431,
                  "y" : 0.5139
               },
               {
                  "text" : "7.7",
                  "variable" : "Total nacional",
                  "sample" : "1° Trim 24",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.7174,
                  "y" : 0.4271
               },
               {
                  "text" : "7.9",
                  "variable" : "Total nacional",
                  "sample" : "2° Trim 26",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 1.0147,
                  "y" : 0.4893
               }
            ]
         },
         "titleFontStyle" : "bold",
         "subtitleFontStyle" : "bold",
         "subtitleColor" : "#6b7280",
         "smpTextRotate" : 90,
         "lineThickness" : 3,
         "citationScaleFontFactor" : 0.62,
         "xAxisTextScaleFontFactor" : 0.85,
         "yAxisTextScaleFontFactor" : 0.85,
         "subtitleScaleFontFactor" : 1.6,
         "smpTextScaleFontFactor" : 0.8,
         "titleColor" : "#000000",
         "setMinX" : 0,
         "setMaxX" : 14,
         "dataPointSize" : 0
      }

      // 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" : [
               "Gran Catamarca",
               "Total nacional"
            ],
            "smps" : [
               "1° Trim 18",
               "2° Trim 18",
               "3° Trim 18",
               "4° Trim 18",
               "1° Trim 19",
               "2° Trim 19",
               "3° Trim 19",
               "4° Trim 19",
               "1° Trim 20",
               "2° Trim 20",
               "3° Trim 20",
               "4° Trim 20",
               "1° Trim 21",
               "2° Trim 21",
               "3° Trim 21",
               "4° Trim 21",
               "1° Trim 22",
               "2° Trim 22",
               "3° Trim 22",
               "4° Trim 22",
               "1° Trim 23",
               "2° Trim 23",
               "3° Trim 23",
               "4° Trim 23",
               "1° Trim 24",
               "2° Trim 24",
               "3° Trim 24",
               "4° Trim 24",
               "1° Trim 25",
               "2° Trim 25",
               "3° Trim 25",
               "4° Trim 25",
               "1° Trim 26",
               "2° Trim 26"
            ],
            "data" : [
               [
                  7.4,
                  9.3,
                  8.1,
                  8.7,
                  9.5,
                  9.3,
                  9.5,
                  7.5,
                  8.6,
                  9.1,
                  6.8,
                  6.1,
                  6.8,
                  6.3,
                  4.9,
                  6.3,
                  3.2,
                  4.2,
                  7.3,
                  4.4,
                  4.9,
                  5,
                  3.9,
                  3.8,
                  3.9,
                  5,
                  2.3,
                  4.6,
                  4.2,
                  6,
                  4.9,
                  3.8,
                  4.9,
                  6.4
               ],
               [
                  9.1,
                  9.6,
                  9,
                  9.1,
                  10.1,
                  10.6,
                  9.7,
                  8.9,
                  10.4,
                  13.1,
                  11.7,
                  11,
                  10.2,
                  9.6,
                  8.2,
                  7,
                  7,
                  6.9,
                  7.1,
                  6.3,
                  6.9,
                  6.2,
                  5.7,
                  5.7,
                  7.7,
                  7.6,
                  6.9,
                  6.4,
                  7.9,
                  7.6,
                  6.6,
                  7.5,
                  7.8,
                  7.9
               ]
            ]
         }
      }

      // Create the configuration for the graph
      var config = {
         "graphType" : "Line",
         "theme" : "editorial",
         "title" : "Mercado laboral del Gran Catamarca",
         "subtitle" : "Evolución de las tasas de desocupación del Gran Catamarca y del total nacional. Período 2018-2026.\nEn porcentajes sobre la población activa.",
         "colors" : [
            "#0c5871",
            "#e6322e"
         ],
         "colorScheme" : "User",
         "showLineEndLabels" : true,
         "showLegend" : false,
         "numberFormat" : {
            "style" : "decimal",
            "decimals" : 0
         },
         "tooltipNumberFormat" : {
            "style" : "decimal",
            "decimals" : 1,
            "suffix" : "%"
         },
         "smpLabelInterval" : 6,
         "yAxisTitle" : "",
         "smpTitle" : "",
         "byline" : "Chart: Synergia Consultores en base a INDEC",
         "showDataDownload" : true,
         "graphOrientation" : "vertical",
         "decorations" : {
            "marker" : [
               {
                  "text" : "7.4",
                  "variable" : "Gran Catamarca",
                  "sample" : "1° Trim 18",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.0139,
                  "y" : 0.4854
               },
               {
                  "text" : "9.1",
                  "variable" : "Gran Catamarca",
                  "sample" : "2° Trim 20",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.3365,
                  "y" : 0.3646
               },
               {
                  "text" : "3.2",
                  "variable" : "Gran Catamarca",
                  "sample" : "1° Trim 22",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.495,
                  "y" : 0.8211
               },
               {
                  "text" : "7.3",
                  "variable" : "Gran Catamarca",
                  "sample" : "3° Trim 22",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.5506,
                  "y" : 0.4555
               },
               {
                  "text" : "2.3",
                  "variable" : "Gran Catamarca",
                  "sample" : "3° Trim 24",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 0.773,
                  "y" : 0.8851
               },
               {
                  "text" : "6.4",
                  "variable" : "Gran Catamarca",
                  "sample" : "2° Trim 26",
                  "type" : "text",
                  "color" : "#0c5871",
                  "lineColor" : "#0c5871",
                  "x" : 1.0147,
                  "y" : 0.5959
               },
               {
                  "text" : "9.1",
                  "variable" : "Total nacional",
                  "sample" : "1° Trim 18",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.0139,
                  "y" : 0.3646
               },
               {
                  "text" : "13.1",
                  "variable" : "Total nacional",
                  "sample" : "2° Trim 20",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.2642,
                  "y" : 0.0802
               },
               {
                  "text" : "7.0",
                  "variable" : "Total nacional",
                  "sample" : "4° Trim 21",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.431,
                  "y" : 0.5139
               },
               {
                  "text" : "7.7",
                  "variable" : "Total nacional",
                  "sample" : "1° Trim 24",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 0.7174,
                  "y" : 0.4271
               },
               {
                  "text" : "7.9",
                  "variable" : "Total nacional",
                  "sample" : "2° Trim 26",
                  "type" : "text",
                  "color" : "#e6322e",
                  "lineColor" : "#e6322e",
                  "x" : 1.0147,
                  "y" : 0.4893
               }
            ]
         },
         "titleFontStyle" : "bold",
         "subtitleFontStyle" : "bold",
         "subtitleColor" : "#6b7280",
         "smpTextRotate" : 90,
         "lineThickness" : 3,
         "citationScaleFontFactor" : 0.62,
         "xAxisTextScaleFontFactor" : 0.85,
         "yAxisTextScaleFontFactor" : 0.85,
         "subtitleScaleFontFactor" : 1.6,
         "smpTextScaleFontFactor" : 0.8,
         "titleColor" : "#000000",
         "setMinX" : 0,
         "setMaxX" : 14,
         "dataPointSize" : 0
      }

      // 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 = "timeseries25",
    data = {
      "y": {
        "vars": ["Gran Catamarca", "Total nacional"],
        "smps": ["1° Trim 18", "2° Trim 18", "3° Trim 18", "4° Trim 18", "1° Trim 19", "2° Trim 19", "3° Trim 19", "4° Trim 19", "1° Trim 20", "2° Trim 20", "3° Trim 20", "4° Trim 20", "1° Trim 21", "2° Trim 21", "3° Trim 21", "4° Trim 21", "1° Trim 22", "2° Trim 22", "3° Trim 22", "4° Trim 22", "1° Trim 23", "2° Trim 23", "3° Trim 23", "4° Trim 23", "1° Trim 24", "2° Trim 24", "3° Trim 24", "4° Trim 24", "1° Trim 25", "2° Trim 25", "3° Trim 25", "4° Trim 25", "1° Trim 26", "2° Trim 26"],
        "data": [
          [7.4, 9.3, 8.1, 8.7, 9.5, 9.3, 9.5, 7.5, 8.6, 9.1, 6.8, 6.1, 6.8, 6.3, 4.9, 6.3, 3.2, 4.2, 7.3, 4.4, 4.9, 5, 3.9, 3.8, 3.9, 5, 2.3, 4.6, 4.2, 6, 4.9, 3.8, 4.9, 6.4],
          [9.1, 9.6, 9, 9.1, 10.1, 10.6, 9.7, 8.9, 10.4, 13.1, 11.7, 11, 10.2, 9.6, 8.2, 7, 7, 6.9, 7.1, 6.3, 6.9, 6.2, 5.7, 5.7, 7.7, 7.6, 6.9, 6.4, 7.9, 7.6, 6.6, 7.5, 7.8, 7.9]
        ]
      }
    },
    config = {
      "graphType": "Line",
      "theme": "editorial",
      "title": "Mercado laboral del Gran Catamarca",
      "subtitle": "Evolución de las tasas de desocupación del Gran Catamarca y del total nacional. Período 2018-2026.\nEn porcentajes sobre la población activa.",
      "colors": ["#0c5871", "#e6322e"],
      "colorScheme": "User",
      "showLineEndLabels": True,
      "showLegend": False,
      "numberFormat": {
        "style": "decimal",
        "decimals": 0
      },
      "tooltipNumberFormat": {
        "style": "decimal",
        "decimals": 1,
        "suffix": "%"
      },
      "smpLabelInterval": 6,
      "yAxisTitle": "",
      "smpTitle": "",
      "byline": "Chart: Synergia Consultores en base a INDEC",
      "showDataDownload": True,
      "graphOrientation": "vertical",
      "decorations": {
        "marker": [
          {
            "text": "7.4",
            "variable": "Gran Catamarca",
            "sample": "1° Trim 18",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.0139,
            "y": 0.4854
          },
          {
            "text": "9.1",
            "variable": "Gran Catamarca",
            "sample": "2° Trim 20",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.3365,
            "y": 0.3646
          },
          {
            "text": "3.2",
            "variable": "Gran Catamarca",
            "sample": "1° Trim 22",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.495,
            "y": 0.8211
          },
          {
            "text": "7.3",
            "variable": "Gran Catamarca",
            "sample": "3° Trim 22",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.5506,
            "y": 0.4555
          },
          {
            "text": "2.3",
            "variable": "Gran Catamarca",
            "sample": "3° Trim 24",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.773,
            "y": 0.8851
          },
          {
            "text": "6.4",
            "variable": "Gran Catamarca",
            "sample": "2° Trim 26",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 1.0147,
            "y": 0.5959
          },
          {
            "text": "9.1",
            "variable": "Total nacional",
            "sample": "1° Trim 18",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.0139,
            "y": 0.3646
          },
          {
            "text": "13.1",
            "variable": "Total nacional",
            "sample": "2° Trim 20",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.2642,
            "y": 0.0802
          },
          {
            "text": "7.0",
            "variable": "Total nacional",
            "sample": "4° Trim 21",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.431,
            "y": 0.5139
          },
          {
            "text": "7.7",
            "variable": "Total nacional",
            "sample": "1° Trim 24",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.7174,
            "y": 0.4271
          },
          {
            "text": "7.9",
            "variable": "Total nacional",
            "sample": "2° Trim 26",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 1.0147,
            "y": 0.4893
          }
        ]
      },
      "titleFontStyle": "bold",
      "subtitleFontStyle": "bold",
      "subtitleColor": "#6b7280",
      "smpTextRotate": 90,
      "lineThickness": 3,
      "citationScaleFontFactor": 0.62,
      "xAxisTextScaleFontFactor": 0.85,
      "yAxisTextScaleFontFactor": 0.85,
      "subtitleScaleFontFactor": 1.6,
      "smpTextScaleFontFactor": 0.8,
      "titleColor": "#000000",
      "setMinX": 0,
      "setMaxX": 14,
      "dataPointSize": 0
    },
    width = 760,
    height = 560
  )

  # 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 = "timeseries25",
    data = {
      "y": {
        "vars": ["Gran Catamarca", "Total nacional"],
        "smps": ["1° Trim 18", "2° Trim 18", "3° Trim 18", "4° Trim 18", "1° Trim 19", "2° Trim 19", "3° Trim 19", "4° Trim 19", "1° Trim 20", "2° Trim 20", "3° Trim 20", "4° Trim 20", "1° Trim 21", "2° Trim 21", "3° Trim 21", "4° Trim 21", "1° Trim 22", "2° Trim 22", "3° Trim 22", "4° Trim 22", "1° Trim 23", "2° Trim 23", "3° Trim 23", "4° Trim 23", "1° Trim 24", "2° Trim 24", "3° Trim 24", "4° Trim 24", "1° Trim 25", "2° Trim 25", "3° Trim 25", "4° Trim 25", "1° Trim 26", "2° Trim 26"],
        "data": [
          [7.4, 9.3, 8.1, 8.7, 9.5, 9.3, 9.5, 7.5, 8.6, 9.1, 6.8, 6.1, 6.8, 6.3, 4.9, 6.3, 3.2, 4.2, 7.3, 4.4, 4.9, 5, 3.9, 3.8, 3.9, 5, 2.3, 4.6, 4.2, 6, 4.9, 3.8, 4.9, 6.4],
          [9.1, 9.6, 9, 9.1, 10.1, 10.6, 9.7, 8.9, 10.4, 13.1, 11.7, 11, 10.2, 9.6, 8.2, 7, 7, 6.9, 7.1, 6.3, 6.9, 6.2, 5.7, 5.7, 7.7, 7.6, 6.9, 6.4, 7.9, 7.6, 6.6, 7.5, 7.8, 7.9]
        ]
      }
    },
    config = {
      "graphType": "Line",
      "theme": "editorial",
      "title": "Mercado laboral del Gran Catamarca",
      "subtitle": "Evolución de las tasas de desocupación del Gran Catamarca y del total nacional. Período 2018-2026.\nEn porcentajes sobre la población activa.",
      "colors": ["#0c5871", "#e6322e"],
      "colorScheme": "User",
      "showLineEndLabels": True,
      "showLegend": False,
      "numberFormat": {
        "style": "decimal",
        "decimals": 0
      },
      "tooltipNumberFormat": {
        "style": "decimal",
        "decimals": 1,
        "suffix": "%"
      },
      "smpLabelInterval": 6,
      "yAxisTitle": "",
      "smpTitle": "",
      "byline": "Chart: Synergia Consultores en base a INDEC",
      "showDataDownload": True,
      "graphOrientation": "vertical",
      "decorations": {
        "marker": [
          {
            "text": "7.4",
            "variable": "Gran Catamarca",
            "sample": "1° Trim 18",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.0139,
            "y": 0.4854
          },
          {
            "text": "9.1",
            "variable": "Gran Catamarca",
            "sample": "2° Trim 20",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.3365,
            "y": 0.3646
          },
          {
            "text": "3.2",
            "variable": "Gran Catamarca",
            "sample": "1° Trim 22",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.495,
            "y": 0.8211
          },
          {
            "text": "7.3",
            "variable": "Gran Catamarca",
            "sample": "3° Trim 22",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.5506,
            "y": 0.4555
          },
          {
            "text": "2.3",
            "variable": "Gran Catamarca",
            "sample": "3° Trim 24",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 0.773,
            "y": 0.8851
          },
          {
            "text": "6.4",
            "variable": "Gran Catamarca",
            "sample": "2° Trim 26",
            "type": "text",
            "color": "#0c5871",
            "lineColor": "#0c5871",
            "x": 1.0147,
            "y": 0.5959
          },
          {
            "text": "9.1",
            "variable": "Total nacional",
            "sample": "1° Trim 18",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.0139,
            "y": 0.3646
          },
          {
            "text": "13.1",
            "variable": "Total nacional",
            "sample": "2° Trim 20",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.2642,
            "y": 0.0802
          },
          {
            "text": "7.0",
            "variable": "Total nacional",
            "sample": "4° Trim 21",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.431,
            "y": 0.5139
          },
          {
            "text": "7.7",
            "variable": "Total nacional",
            "sample": "1° Trim 24",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 0.7174,
            "y": 0.4271
          },
          {
            "text": "7.9",
            "variable": "Total nacional",
            "sample": "2° Trim 26",
            "type": "text",
            "color": "#e6322e",
            "lineColor": "#e6322e",
            "x": 1.0147,
            "y": 0.4893
          }
        ]
      },
      "titleFontStyle": "bold",
      "subtitleFontStyle": "bold",
      "subtitleColor": "#6b7280",
      "smpTextRotate": 90,
      "lineThickness": 3,
      "citationScaleFontFactor": 0.62,
      "xAxisTextScaleFontFactor": 0.85,
      "yAxisTextScaleFontFactor": 0.85,
      "subtitleScaleFontFactor": 1.6,
      "smpTextScaleFontFactor": 0.8,
      "titleColor": "#000000",
      "setMinX": 0,
      "setMaxX": 14,
      "dataPointSize": 0
    },
    width = 760,
    height = 560
  )
)
using CanvasXpress

canvasxpress(Dict(
  "y" => Dict(
    "vars" => ["Gran Catamarca", "Total nacional"],
    "smps" => ["1° Trim 18", "2° Trim 18", "3° Trim 18", "4° Trim 18", "1° Trim 19", "2° Trim 19", "3° Trim 19", "4° Trim 19", "1° Trim 20", "2° Trim 20", "3° Trim 20", "4° Trim 20", "1° Trim 21", "2° Trim 21", "3° Trim 21", "4° Trim 21", "1° Trim 22", "2° Trim 22", "3° Trim 22", "4° Trim 22", "1° Trim 23", "2° Trim 23", "3° Trim 23", "4° Trim 23", "1° Trim 24", "2° Trim 24", "3° Trim 24", "4° Trim 24", "1° Trim 25", "2° Trim 25", "3° Trim 25", "4° Trim 25", "1° Trim 26", "2° Trim 26"],
    "data" => [
      [7.4, 9.3, 8.1, 8.7, 9.5, 9.3, 9.5, 7.5, 8.6, 9.1, 6.8, 6.1, 6.8, 6.3, 4.9, 6.3, 3.2, 4.2, 7.3, 4.4, 4.9, 5, 3.9, 3.8, 3.9, 5, 2.3, 4.6, 4.2, 6, 4.9, 3.8, 4.9, 6.4],
      [9.1, 9.6, 9, 9.1, 10.1, 10.6, 9.7, 8.9, 10.4, 13.1, 11.7, 11, 10.2, 9.6, 8.2, 7, 7, 6.9, 7.1, 6.3, 6.9, 6.2, 5.7, 5.7, 7.7, 7.6, 6.9, 6.4, 7.9, 7.6, 6.6, 7.5, 7.8, 7.9]
    ]
  )
);
  graphType = "Line",
  theme = "editorial",
  title = "Mercado laboral del Gran Catamarca",
  subtitle = "Evolución de las tasas de desocupación del Gran Catamarca y del total nacional. Período 2018-2026.\nEn porcentajes sobre la población activa.",
  colors = ["#0c5871", "#e6322e"],
  colorScheme = "User",
  showLineEndLabels = true,
  showLegend = false,
  numberFormat = Dict(
    "style" => "decimal",
    "decimals" => 0
  ),
  tooltipNumberFormat = Dict(
    "style" => "decimal",
    "decimals" => 1,
    "suffix" => "%"
  ),
  smpLabelInterval = 6,
  yAxisTitle = "",
  smpTitle = "",
  byline = "Chart: Synergia Consultores en base a INDEC",
  showDataDownload = true,
  graphOrientation = "vertical",
  decorations = Dict(
    "marker" => [
      Dict(
        "text" => "7.4",
        "variable" => "Gran Catamarca",
        "sample" => "1° Trim 18",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 0.0139,
        "y" => 0.4854
      ),
      Dict(
        "text" => "9.1",
        "variable" => "Gran Catamarca",
        "sample" => "2° Trim 20",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 0.3365,
        "y" => 0.3646
      ),
      Dict(
        "text" => "3.2",
        "variable" => "Gran Catamarca",
        "sample" => "1° Trim 22",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 0.495,
        "y" => 0.8211
      ),
      Dict(
        "text" => "7.3",
        "variable" => "Gran Catamarca",
        "sample" => "3° Trim 22",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 0.5506,
        "y" => 0.4555
      ),
      Dict(
        "text" => "2.3",
        "variable" => "Gran Catamarca",
        "sample" => "3° Trim 24",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 0.773,
        "y" => 0.8851
      ),
      Dict(
        "text" => "6.4",
        "variable" => "Gran Catamarca",
        "sample" => "2° Trim 26",
        "type" => "text",
        "color" => "#0c5871",
        "lineColor" => "#0c5871",
        "x" => 1.0147,
        "y" => 0.5959
      ),
      Dict(
        "text" => "9.1",
        "variable" => "Total nacional",
        "sample" => "1° Trim 18",
        "type" => "text",
        "color" => "#e6322e",
        "lineColor" => "#e6322e",
        "x" => 0.0139,
        "y" => 0.3646
      ),
      Dict(
        "text" => "13.1",
        "variable" => "Total nacional",
        "sample" => "2° Trim 20",
        "type" => "text",
        "color" => "#e6322e",
        "lineColor" => "#e6322e",
        "x" => 0.2642,
        "y" => 0.0802
      ),
      Dict(
        "text" => "7.0",
        "variable" => "Total nacional",
        "sample" => "4° Trim 21",
        "type" => "text",
        "color" => "#e6322e",
        "lineColor" => "#e6322e",
        "x" => 0.431,
        "y" => 0.5139
      ),
      Dict(
        "text" => "7.7",
        "variable" => "Total nacional",
        "sample" => "1° Trim 24",
        "type" => "text",
        "color" => "#e6322e",
        "lineColor" => "#e6322e",
        "x" => 0.7174,
        "y" => 0.4271
      ),
      Dict(
        "text" => "7.9",
        "variable" => "Total nacional",
        "sample" => "2° Trim 26",
        "type" => "text",
        "color" => "#e6322e",
        "lineColor" => "#e6322e",
        "x" => 1.0147,
        "y" => 0.4893
      )
    ]
  ),
  titleFontStyle = "bold",
  subtitleFontStyle = "bold",
  subtitleColor = "#6b7280",
  smpTextRotate = 90,
  lineThickness = 3,
  citationScaleFontFactor = 0.62,
  xAxisTextScaleFontFactor = 0.85,
  yAxisTextScaleFontFactor = 0.85,
  subtitleScaleFontFactor = 1.6,
  smpTextScaleFontFactor = 0.8,
  titleColor = "#000000",
  setMinX = 0,
  setMaxX = 14,
  dataPointSize = 0
)
⇧