{
  "backgroundColor": "#202522",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#f3f5eb"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Two peaks in one collection. 14 observations, mean 6, median 6. Values range from 2 to 10. Each dot is one observation."
    }
  },
  "title": [
    {
      "text": "DISTRIBUTION / DOT PLOT",
      "left": 46.666666666666664,
      "top": 35,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Two peaks in one collection",
      "subtext": "Two equal modes · fictional completion times",
      "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,
    "backgroundColor": "#f3f5eb",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#202522",
      "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": "Completion time (minutes)",
    "nameLocation": "middle",
    "nameGap": 53.33333333333333,
    "nameTextStyle": {
      "fontSize": 16,
      "color": "#abb7ab",
      "width": 1150,
      "overflow": "break"
    },
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#414a42"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    },
    "axisLabel": {
      "hideOverlap": true,
      "color": "#abb7ab",
      "fontSize": 14.666666666666666
    },
    "axisPointer": {
      "show": true,
      "label": {
        "show": false
      },
      "lineStyle": {
        "color": "#414a42"
      }
    }
  },
  "yAxis": {
    "type": "value",
    "min": 0,
    "max": 16.333333333333332,
    "show": false
  },
  "series": [
    {
      "type": "scatter",
      "name": "Completion time (minutes)",
      "data": [
        {
          "value": [
            2,
            0.5
          ],
          "name": "2 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            3,
            0.5
          ],
          "name": "3 · observation 1 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            3,
            1.5
          ],
          "name": "3 · observation 2 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            3,
            2.5
          ],
          "name": "3 · observation 3 of 3 at this value",
          "label": {
            "show": true,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            4,
            0.5
          ],
          "name": "4 · observation 1 of 2 at this value",
          "label": {
            "show": false,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            4,
            1.5
          ],
          "name": "4 · observation 2 of 2 at this value",
          "label": {
            "show": true,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "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": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            7,
            0.5
          ],
          "name": "7 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            8,
            0.5
          ],
          "name": "8 · observation 1 of 2 at this value",
          "label": {
            "show": false,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            8,
            1.5
          ],
          "name": "8 · observation 2 of 2 at this value",
          "label": {
            "show": true,
            "formatter": "2×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            9,
            0.5
          ],
          "name": "9 · observation 1 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            9,
            1.5
          ],
          "name": "9 · observation 2 of 3 at this value",
          "label": {
            "show": false,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            9,
            2.5
          ],
          "name": "9 · observation 3 of 3 at this value",
          "label": {
            "show": true,
            "formatter": "3×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        },
        {
          "value": [
            10,
            0.5
          ],
          "name": "10 · observation 1 of 1 at this value",
          "label": {
            "show": false,
            "formatter": "1×",
            "position": "top",
            "distance": 7,
            "color": "#f3f5eb",
            "fontSize": 14.666666666666666
          }
        }
      ],
      "symbol": "circle",
      "symbolSize": 21.333333333333332,
      "clip": true,
      "itemStyle": {
        "color": "#d3ef85",
        "opacity": 1
      },
      "emphasis": {
        "scale": 1.3,
        "itemStyle": {
          "color": "#b4a0e4"
        }
      },
      "tooltip": {},
      "markLine": {
        "silent": true,
        "symbol": [
          "none",
          "none"
        ],
        "lineStyle": {
          "color": "#abb7ab",
          "type": "dashed",
          "width": 1
        },
        "label": {
          "formatter": "Mean 6",
          "color": "#abb7ab",
          "fontSize": 13.333333333333332,
          "position": "insideEndTop",
          "rotate": 0
        },
        "data": [
          {
            "xAxis": 6
          }
        ]
      }
    }
  ]
}