title: Python Plotly: Slider not Refreshing Scatter Plot
body: <p>I am going through the the slider animation plot tutorial from plotly (<a href="https://plot.ly/python/animations/" rel="nofollow noreferrer">https://plot.ly/python/animations/</a>), the one at the bottom, with my own data. My scenario is basically is data gathered from users from an application. I have data for one month (May), which the frequency of users are recorded hourly for each day. I want to use a slider to have a range of values from day 1 to 31 and the plot to show the unique values of each hour for each specific day.</p>
  <p>My problem: <s>I only get day one, but the value of the slider is updating correctly.</s> Fixed old problem, now I have another one: Now instead of 1 step of the data, the graph is showing every single step.</p>
  <h1>My code:</h1>
  <pre><code># dMay to DataFrame
  dfMay = pd.DataFrame({key :dMay[key] for key in list(dMay.keys())})
  for i, df in enumerate([dfMay], 1):
      df.columns = [str(col_name)[6:].format(i) for col_name in df.columns]
  
  keys = list(map(lambda x: str(x), dfMay.keys())) # Slider values - days
  from plotly.grid_objs import Grid, Column
  listOfCols = []
  for col in keys:
      listOfCols.append(Column(dfMay[col], col))
  grid = Grid(listOfCols)
  py.grid_ops.upload(grid, 'Testing'+str(time.time()), auto_open=False)
  
  # Animated Plot
  figure = {
      'data': [],
      'layout': {},
      'frames': []
  }
  
  # fill in most of layout
  figure['layout']['xaxis'] = {'range': [0, 23], 'title': 'Zaman (saat)'}
  figure['layout']['yaxis'] = {'title': 'Kullanıcı Sayısı', 'type': 'linear'}
  figure['layout']['hovermode'] = 'closest'
  figure['layout']['sliders'] = {
      'args': [
          'transition', {
              'duration': 400,
              'easing': 'cubic-in-out'
          }
      ],
      'initialValue': '0',
      'plotlycommand': 'animate',
      'values': list(range(24)),
      'visible': True
  }
  figure['layout']['updatemenus'] = [
      {
          'buttons': [
              {
                  'args': [None, {'frame': {'duration': 500, 'redraw': True},
                           'fromcurrent': True, 'transition': {'duration': 300, 'easing': 'quadratic-in-out'}}],
                  'label': 'Play',
                  'method': 'animate'
              },
              {
                  'args': [[None], {'frame': {'duration': 0, 'redraw': True}, 'mode': 'immediate',
                  'transition': {'duration': 0}}],
                  'label': 'Pause',
                  'method': 'animate'
              }
          ],
          'direction': 'left',
          'pad': {'r': 10, 't': 87},
          'showactive': False,
          'type': 'buttons',
          'x': 0.1,
          'xanchor': 'right',
          'y': 0,
          'yanchor': 'top'
      }
  ]
  
  sliders_dict = {
      'active': 0,
      'yanchor': 'top',
      'xanchor': 'left',
      'currentvalue': {
          'font': {'size': 20},
          'prefix': 'Zaman:',
          'visible': True,
          'xanchor': 'right'
      },
      'transition': {'duration': 300, 'easing': 'cubic-in-out'},
      'pad': {'b': 10, 't': 50},
      'len': 0.9,
      'x': 0.1,
      'y': 0,
      'steps': []
  }
  
  # make data
  start = 0
  for day in keys:
  
  data_dict = {
      'x': list(range(24)),
      'y': list(dfMay[day]),
      'mode': 'markers',
      'marker': {
          'sizemode': 'area',
          'sizeref': 200000,
          'size': 20
      },
      'name': day
  }
  figure['data'].append(data_dict)
  
  # make frames
  for day in keys:
      frame = {'data': [], 'name': str(day)}
      data_dict = {
          'x': list(range(24)),
          'y': list(dfMay[day]),
          'mode': 'markers',
          'text': list(dfMay[day]),
          'marker': {
              'sizemode': 'area',
              'sizeref': 200000,
              'size': 20
          },
          'name': day,
      }
      frame['data'].append(data_dict)
  
      figure['frames'].append(frame)
      slider_step = {'args': [
          [day],
          {'frame': {'duration': 1000, 'redraw': True},
           'mode': 'immediate',
         'transition': {'duration': 1000}}
       ],
       'label': day,
       'method': 'animate'}
      sliders_dict['steps'].append(slider_step)
  
      
  figure['layout']['sliders'] = [sliders_dict]
  print('Done')
  plot(figure)
  </code></pre>
  <p><b>I also can,t get rid of the colored markers on the right!</b></p>
  <h2>EDIT 1: Added dfMay Table</h2>
  <h2>EDIT 2: Changed problem, added a new plot</h2>
  <h1>Images to Supplement:</h1>
  <p><a href="https://i.stack.imgur.com/elxbr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/elxbr.png" alt="Main Plot" /></a></p>
  <p><a href="https://i.stack.imgur.com/6DZEa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6DZEa.png" alt="dfMay" /></a></p>