Hyperlink to markers on map

Hi @adamschroeder,

I don’t think it’s possible to add a true hyperlink to a marker trace. If you’re working in the Jupyter Notebook you could simulate the effect by using the on_click callback mechanism of a FigureWidget as you mentioned. To actually open the browser tab you could have your callback use the Python webbrowser module (https://docs.python.org/3/library/webbrowser.html).

Here’s an example of that approach:

import webbrowser
import pandas as pd
import plotly.graph_objs as go
df = pd.DataFrame({'x': [1, 2, 3],
                   'y': [1, 3, 2],
                   'link': ['https://google.com', 'https://bing.com', 'https://duckduckgo.com']})

fig = go.FigureWidget(layout={'hovermode': 'closest'})
scatter = fig.add_scatter(x=df.x, y=df.y, mode='markers', marker={'size': 20})

def do_click(trace, points, state):
    if points.point_inds:
        ind = points.point_inds[0]
        url = df.link.iloc[ind]
        webbrowser.open_new_tab(url)
        
scatter.on_click(do_click)
fig

Hope that helps!
-Jon

4 Likes