{
  "backgroundColor": "#202522",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#f3f5eb"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Accelerate. Cruise. Stop.. Speed across 4 points, in the supplied order. Horizontal spacing reflects numeric distance. Exact values are in the editable data table."
    }
  },
  "title": [
    {
      "text": "CHANGE / LINE GRAPH",
      "left": 46.666666666666664,
      "top": 35,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Accelerate. Cruise. Stop.",
      "subtext": "Straight segments define this fictional motion model",
      "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": "axis",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#f3f5eb",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#202522",
      "fontSize": 12
    }
  },
  "useUTC": true,
  "grid": {
    "top": 168,
    "left": 94.66666666666666,
    "right": 58.666666666666664,
    "bottom": 157.33333333333331
  },
  "legend": {
    "bottom": 53.33333333333333,
    "left": "center",
    "selectedMode": false,
    "data": [
      "Speed"
    ],
    "textStyle": {
      "color": "#f3f5eb",
      "fontSize": 14.666666666666666
    },
    "itemWidth": 18,
    "itemHeight": 8
  },
  "xAxis": {
    "type": "value",
    "scale": true,
    "min": "dataMin",
    "max": "dataMax",
    "name": "Time (seconds)",
    "nameLocation": "middle",
    "nameGap": 50.666666666666664,
    "nameTextStyle": {
      "color": "#abb7ab",
      "fontSize": 14.666666666666666
    },
    "axisLabel": {
      "color": "#abb7ab",
      "fontSize": 13.333333333333332,
      "hideOverlap": true,
      "width": 133.33333333333331,
      "overflow": "truncate"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#414a42"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    }
  },
  "yAxis": {
    "type": "value",
    "scale": false,
    "name": "Speed (m/s)",
    "nameLocation": "middle",
    "nameGap": 64,
    "nameRotate": 90,
    "nameTextStyle": {
      "color": "#abb7ab",
      "fontSize": 14.666666666666666,
      "width": 540,
      "overflow": "truncate"
    },
    "axisLabel": {
      "color": "#abb7ab",
      "fontSize": 13.333333333333332
    },
    "splitNumber": 5,
    "splitLine": {
      "lineStyle": {
        "color": "#414a42",
        "type": "dashed"
      }
    }
  },
  "series": [
    {
      "type": "line",
      "name": "Speed",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 8,
      "lineStyle": {
        "width": 3.333333333333333,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#d3ef85"
      },
      "data": [
        [
          0,
          0
        ],
        [
          4,
          8
        ],
        [
          10,
          8
        ],
        [
          14,
          0
        ]
      ]
    }
  ]
}