Python_Function for customdata hover in plotly lib

Question

In the code below I tried to use customdata to make hovertemplate, but in this case on visualization it shows only data from the first row everywhere. I believe there should be function, but don't know how to implement it.

import plotly.express as px
import plotly.graph_objs as go
import pandas as pd

rows=[['501-600','15','122.58333','45.36667'],
      ['till 500','4','12.5','27.5'],
      ['more 1001','41','-115.53333','38.08'],
      ]

colmns=['bins','data','longitude','latitude']
df=pd.DataFrame(data=rows, columns=colmns)
df = df.astype({"data": int})

fig=px.scatter_geo(df,lon='longitude', lat='latitude',
                      color='bins',
                      opacity=0.5,
                      size='data',
                      projection="natural earth")

new_customdata = df.loc[:,('bins', 'data')]
fig.update_traces(go.Scattergeo(
customdata=new_customdata,
hovertemplate="<b>%{customdata[0]} </b><br><br>" + \
              "blablabla: %{customdata[1]: .3f}<extra></extra>"))

fig.show()

What do you mean shows data only from the first row? What do you expect to see, and what are you seeing instead? I'm running your code, and it seems to be working fine. — Roy2012
– Roy2012, Commented May 31, 2020 at 15:53
I updated my answer with picture. On red marker data in hover must be - till 500 and 4. So if you look at df, data in hover reflex everywhere from top row of df. — Dmitry
– Dmitry, Commented May 31, 2020 at 17:03

Roy2012 · Accepted Answer · 2020-06-01 14:04:47Z

1

I believe this does what you're looking for:

rows=[['501-600','15','122.58333','45.36667'],
      ['till 500','4','12.5','27.5'],
      ['more 1001','41','-115.53333','38.08'],
      ]

colmns=['bins','data','longitude','latitude']
df=pd.DataFrame(data=rows, columns=colmns)
df = df.astype({"data": int})

fig = go.Figure(data=go.Scattergeo(
    lon = df['longitude'],
    lat = df['latitude'],
    mode = 'markers', 
    marker_color = df.index, 
    marker_size=df['data'], 
    customdata = df, 

    hovertemplate="<b>%{customdata[0]} </b><br><br>blablabla: %{customdata[1]: .3f}<extra></extra>"

))

fig.show()

The result is (there's different hover text for each item):

edited Jun 1, 2020 at 14:04

answered May 31, 2020 at 19:22

Roy2012

12.7k3 gold badges28 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Roy2012 Over a year ago

"marker_color = df.index" does the trick. I added it to the solution,

Collectives™ on Stack Overflow

Python_Function for customdata hover in plotly lib

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related