{
  "backgroundColor": "#f0f5ff",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#183255"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "An average is only part of the story. 8 observations, mean 2, median 2. Values range from 0 to 5. Each dot is one observation."
    }
  },
  "title": [
    {
      "text": "DISTRIBUTION / DOT PLOT",
      "left": 46.666666666666664,
      "top": 35,
      "textStyle": {
        "color": "#617492",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal"
      }
    },
    {
      "text": "An average is only part of the story",
      "subtext": "Each dot is one observation · fictional data",
      "left": 46.666666666666664,
      "top": 74.66666666666667,
      "itemGap": 12,
      "textStyle": {
        "color": "#183255",
        "fontSize": 38.666666666666664,
        "fontWeight": 600,
        "width": 1096.6666666666667,
        "overflow": "break",
        "lineHeight": 44.46666666666666
      },
      "subtextStyle": {
        "color": "#617492",
        "fontSize": 16,
        "width": 1106.6666666666667,
        "overflow": "truncate"
      }
    },
    {
      "text": "Source: fictional example data. Replace with your own.",
      "left": 46.666666666666664,
      "bottom": 18.666666666666664,
      "textStyle": {
        "color": "#617492",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal",
        "width": 1096.6666666666667,
        "overflow": "truncate"
      }
    }
  ],
  "tooltip": {
    "trigger": "item",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#183255",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#f0f5ff",
      "fontSize": 12
    }
  },
  "grid": {
    "top": 168,
    "left": 60.666666666666664,
    "right": 60.666666666666664,
    "bottom": 109.33333333333333
  },
  "xAxis": {
    "type": "value",
    "scale": true,
    "boundaryGap": [
      "8%",
      "8%"
    ],
    "splitNumber": 6,
    "name": "Books read",
    "nameLocation": "middle",
    "nameGap": 53.33333333333333,
    "nameTextStyle": {
      "fontSize": 16,
      "color": "#617492",
      "width": 1150,
      "overflow": "break"
    },
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#d2deef"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    },
    "axisLabel": {
      "hideOverlap": true,
      "color": "#617492",
      "fontSize": 14.666666666666666
    },
    "axisPointer": {
      "show": true,
      "label": {
        "show": false
      },
      "lineStyle": {
        "color": "#d2deef"
      }
    }
  },
  "yAxis": {
    "type": "value",
    "min": 0,
    "max": 16.333333333333332,
    "show": false
  },
  "series": [
    {
      "type": "scatter",
      "name": "Books read",
      "data": [
        {
          "value": [
            0,
            0.5
          ],
          "name": "0 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            1,
            0.5
          ],
          "name": "1 · observation 1 of 2 at this value",
          "label": {
            "show": false,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            1,
            1.5
          ],
          "name": "1 · observation 2 of 2 at this value",
          "label": {
            "show": true,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            2,
            0.5
          ],
          "name": "2 · observation 1 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            2,
            1.5
          ],
          "name": "2 · observation 2 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            2,
            2.5
          ],
          "name": "2 · observation 3 of 3 at this value",
          "label": {
            "show": true,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            3,
            0.5
          ],
          "name": "3 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            5,
            0.5
          ],
          "name": "5 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#183255",
            "fontSize": 14.666666666666666
          }
        }
      ],
      "symbol": "circle",
      "symbolSize": 21.333333333333332,
      "clip": true,
      "itemStyle": {
        "color": "#185bc3",
        "opacity": 1
      },
      "emphasis": {
        "scale": 1.3,
        "itemStyle": {
          "color": "#42a3a6"
        }
      },
      "tooltip": {},
      "markLine": {
        "silent": true,
        "symbol": [
          "none",
          "none"
        ],
        "lineStyle": {
          "color": "#617492",
          "type": "dashed",
          "width": 1
        },
        "label": {
          "formatter": "Mean 2",
          "color": "#617492",
          "fontSize": 13.333333333333332,
          "position": "insideEndTop",
          "rotate": 0
        },
        "data": [
          {
            "xAxis": 2
          }
        ]
      }
    }
  ]
}