{
  "data": [
    {
      "marker": {
        "size": 5
      },
      "mode": "markers",
      "x": [
        0,
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9
      ],
      "y": [
        0,
        1,
        4,
        9,
        16,
        25,
        36,
        49,
        64,
        81
      ],
      "type": "scattergl"
    }
  ],
  "layout": {
    "template": {},
    "xaxis": {
      "range": [
        0,
        30
      ]
    },
    "yaxis": {
      "range": [
        0,
        900
      ]
    },
    "width": 800,
    "height": 600,
    "sliders": [
      {
        "active": 0,
        "steps": [
          {
            "args": [
              [
                "10"
              ],
              {
                "mode": "immediate",
                "frame": {
                  "duration": 500,
                  "redraw": true
                },
                "fromcurrent": true,
                "transition": {
                  "duration": 500,
                  "easing": "linear"
                }
              }
            ],
            "label": "10",
            "method": "animate"
          },
          {
            "args": [
              [
                "20"
              ],
              {
                "mode": "immediate",
                "frame": {
                  "duration": 500,
                  "redraw": true
                },
                "fromcurrent": true,
                "transition": {
                  "duration": 500,
                  "easing": "linear"
                }
              }
            ],
            "label": "20",
            "method": "animate"
          },
          {
            "args": [
              [
                "30"
              ],
              {
                "mode": "immediate",
                "frame": {
                  "duration": 500,
                  "redraw": true
                },
                "fromcurrent": true,
                "transition": {
                  "duration": 500,
                  "easing": "linear"
                }
              }
            ],
            "label": "30",
            "method": "animate"
          }
        ]
      }
    ],
    "updatemenus": [
      {
        "buttons": [
          {
            "args": [
              null,
              {
                "frame": {
                  "duration": 500,
                  "redraw": true
                },
                "mode": "immediate",
                "fromcurrent": true,
                "transition": {
                  "duration": 500,
                  "easing": "linear"
                }
              }
            ],
            "label": "▶",
            "method": "animate"
          },
          {
            "args": [
              [
                null
              ],
              {
                "frame": {
                  "duration": 0,
                  "redraw": true
                },
                "mode": "immediate",
                "fromcurrent": true,
                "transition": {
                  "duration": 0,
                  "easing": "linear"
                }
              }
            ],
            "label": "◼",
            "method": "animate"
          }
        ],
        "direction": "left",
        "pad": {
          "r": 10,
          "t": 70
        },
        "showactive": false,
        "type": "buttons",
        "x": 0.1,
        "xanchor": "right",
        "y": 0,
        "yanchor": "top"
      }
    ]
  },
  "frames": [
    {
      "data": [
        {
          "marker": {
            "size": 5
          },
          "mode": "markers",
          "x": [
            0,
            1,
            2,
            3,
            4,
            5,
            6,
            7,
            8,
            9
          ],
          "y": [
            0,
            1,
            4,
            9,
            16,
            25,
            36,
            49,
            64,
            81
          ],
          "type": "scattergl"
        }
      ],
      "name": "10"
    },
    {
      "data": [
        {
          "marker": {
            "size": 5
          },
          "mode": "markers",
          "x": [
            0,
            1,
            2,
            3,
            4,
            5,
            6,
            7,
            8,
            9,
            10,
            11,
            12,
            13,
            14,
            15,
            16,
            17,
            18,
            19
          ],
          "y": [
            0,
            1,
            4,
            9,
            16,
            25,
            36,
            49,
            64,
            81,
            100,
            121,
            144,
            169,
            196,
            225,
            256,
            289,
            324,
            361
          ],
          "type": "scattergl"
        }
      ],
      "name": "20"
    },
    {
      "data": [
        {
          "marker": {
            "size": 5
          },
          "mode": "markers",
          "x": [
            0,
            1,
            2,
            3,
            4,
            5,
            6,
            7,
            8,
            9,
            10,
            11,
            12,
            13,
            14,
            15,
            16,
            17,
            18,
            19,
            20,
            21,
            22,
            23,
            24,
            25,
            26,
            27,
            28,
            29
          ],
          "y": [
            0,
            1,
            4,
            9,
            16,
            25,
            36,
            49,
            64,
            81,
            100,
            121,
            144,
            169,
            196,
            225,
            256,
            289,
            324,
            361,
            400,
            441,
            484,
            529,
            576,
            625,
            676,
            729,
            784,
            841
          ],
          "type": "scattergl"
        }
      ],
      "name": "30"
    }
  ]
}