{
  "backgroundColor": "#202522",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#f3f5eb"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Positive and negative differences. Categories compared with bars. Exact input and calculated values are available in the data tables."
    }
  },
  "title": [
    {
      "text": "BAR / DATA EXPLORER",
      "left": 46.666666666666664,
      "top": 35,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Positive and negative differences",
      "subtext": "Original worked example · fictional data",
      "left": 46.666666666666664,
      "top": 74.66666666666667,
      "itemGap": 12,
      "textStyle": {
        "color": "#f3f5eb",
        "fontSize": 38.666666666666664,
        "fontWeight": 600,
        "width": 1096.6666666666667,
        "overflow": "break",
        "lineHeight": 44.46666666666666
      },
      "subtextStyle": {
        "color": "#abb7ab",
        "fontSize": 16,
        "width": 1106.6666666666667,
        "overflow": "truncate"
      }
    },
    {
      "text": "Source: fictional example data. Replace with your own.",
      "left": 46.666666666666664,
      "bottom": 18.666666666666664,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal",
        "width": 1096.6666666666667,
        "overflow": "truncate"
      }
    }
  ],
  "tooltip": {
    "trigger": "item",
    "renderMode": "richText",
    "confine": true
  },
  "useUTC": true,
  "grid": {
    "left": 233.33333333333331,
    "right": 90,
    "top": 193.33333333333331,
    "bottom": 173.33333333333331
  },
  "legend": {
    "show": false,
    "bottom": 53.33333333333333,
    "textStyle": {
      "color": "#f3f5eb",
      "fontSize": 14.666666666666666
    },
    "selectedMode": false
  },
  "xAxis": {
    "type": "value",
    "nameLocation": "middle",
    "nameGap": 50.666666666666664,
    "axisLabel": {
      "fontSize": 14.666666666666666
    },
    "nameTextStyle": {
      "fontSize": 14.666666666666666
    },
    "splitLine": {
      "lineStyle": {
        "type": "dashed",
        "opacity": 0.3
      }
    },
    "name": "Change (units)"
  },
  "yAxis": {
    "type": "category",
    "data": [
      "Operations",
      "Support",
      "Design",
      "Research",
      "Sales"
    ],
    "axisLabel": {
      "fontSize": 14.666666666666666,
      "width": 173.33333333333331,
      "overflow": "truncate",
      "interval": 0
    },
    "inverse": true
  },
  "series": [
    {
      "name": "Change",
      "type": "bar",
      "data": [
        12,
        -8,
        6,
        -3,
        0
      ],
      "barMaxWidth": 73.33333333333333
    }
  ],
  "color": [
    "#d3ef85",
    "#b4a0e4",
    "#7fcac2",
    "#efa878",
    "#df94b7"
  ]
}