{
  "backgroundColor": "#202522",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#f3f5eb"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Compare the offer, dimension by dimension. Our concept and Alternative A and Alternative B compared across Onboarding, Documentation, Integrations, Support, Accessibility, Value. All axes use a scale from 0 to 10. Exact scores are available in the data table."
    }
  },
  "title": [
    {
      "text": "COMPARISON / RADAR",
      "left": 62.22222222222222,
      "top": 46.666666666666664,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Compare the offer, dimension by dimension",
      "subtext": "Three fictional offers · illustrative scores, not reviews",
      "left": 62.22222222222222,
      "top": 99.55555555555556,
      "itemGap": 16,
      "textStyle": {
        "color": "#f3f5eb",
        "fontSize": 51.55555555555555,
        "fontWeight": 600,
        "width": 1465.5555555555557,
        "overflow": "break",
        "lineHeight": 59.28888888888888
      },
      "subtextStyle": {
        "color": "#abb7ab",
        "fontSize": 21.333333333333332,
        "width": 1475.5555555555557,
        "overflow": "truncate"
      }
    },
    {
      "text": "Source: fictional example data. Replace with your own.",
      "left": 62.22222222222222,
      "bottom": 24.888888888888886,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal",
        "width": 1465.5555555555557,
        "overflow": "truncate"
      }
    },
    {
      "text": "0–10",
      "subtext": "SHARED SCALE\n\n6 dimensions\n3 profiles",
      "left": 62.22222222222222,
      "top": 387,
      "textStyle": {
        "color": "#f3f5eb",
        "fontSize": 60.44444444444444,
        "fontWeight": 500
      },
      "subtextStyle": {
        "color": "#abb7ab",
        "fontSize": 17.77777777777778,
        "lineHeight": 32
      },
      "itemGap": 21.333333333333332
    }
  ],
  "tooltip": {
    "trigger": "item",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#f3f5eb",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#202522",
      "fontSize": 12
    }
  },
  "legend": {
    "show": true,
    "bottom": 74.66666666666666,
    "left": "center",
    "selectedMode": false,
    "icon": "roundRect",
    "itemWidth": 24.888888888888886,
    "itemHeight": 7.111111111111111,
    "itemGap": 39.11111111111111,
    "textStyle": {
      "color": "#f3f5eb",
      "fontSize": 21.333333333333332
    },
    "data": [
      "Our concept",
      "Alternative A",
      "Alternative B"
    ]
  },
  "radar": {
    "center": [
      960,
      496.0044444444444
    ],
    "radius": 227.04,
    "shape": "polygon",
    "splitNumber": 5,
    "startAngle": 90,
    "axisNameGap": 23.11111111111111,
    "indicator": [
      {
        "name": "Onboarding",
        "min": 0,
        "max": 10
      },
      {
        "name": "Documentation",
        "min": 0,
        "max": 10
      },
      {
        "name": "Integrations",
        "min": 0,
        "max": 10
      },
      {
        "name": "Support",
        "min": 0,
        "max": 10
      },
      {
        "name": "Accessibility",
        "min": 0,
        "max": 10
      },
      {
        "name": "Value",
        "min": 0,
        "max": 10
      }
    ],
    "axisName": {
      "color": "#abb7ab",
      "fontSize": 21.333333333333332,
      "width": 240,
      "overflow": "break",
      "lineHeight": 26.666666666666664
    },
    "splitArea": {
      "show": true,
      "areaStyle": {
        "color": [
          "#202522"
        ]
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "#414a42",
        "width": 1
      }
    },
    "axisLine": {
      "lineStyle": {
        "color": "#414a42"
      }
    }
  },
  "series": [
    {
      "type": "radar",
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445
      },
      "emphasis": {
        "focus": "self"
      },
      "data": [
        {
          "name": "Our concept",
          "value": [
            8,
            7,
            5,
            8,
            9,
            7
          ],
          "itemStyle": {
            "color": "#d3ef85"
          },
          "lineStyle": {
            "color": "#d3ef85"
          },
          "areaStyle": {
            "color": "#d3ef85",
            "opacity": 0
          }
        },
        {
          "name": "Alternative A",
          "value": [
            6,
            9,
            8,
            7,
            6,
            5
          ],
          "itemStyle": {
            "color": "#b4a0e4"
          },
          "lineStyle": {
            "color": "#b4a0e4"
          },
          "areaStyle": {
            "color": "#b4a0e4",
            "opacity": 0
          }
        },
        {
          "name": "Alternative B",
          "value": [
            7,
            5,
            9,
            5,
            7,
            8
          ],
          "itemStyle": {
            "color": "#7fcac2"
          },
          "lineStyle": {
            "color": "#7fcac2"
          },
          "areaStyle": {
            "color": "#7fcac2",
            "opacity": 0
          }
        }
      ]
    }
  ]
}