HTML A tag for plotly dash-svg?

Dash Python
#1

0

I am developing a plotly dash app using dash-svg (below), GitHub - stevej2608/dash-svg: SVG support library for Plotly/Dash

I have a problem to make an html A tag for svg graph using dash-svg. I cannot find to make an link inside the svg graph, like “https://www.google.com”.

If anyone knows the answer for “Clickable svg circle”, please help me…

import dash
from dash import html
from dash_svg import Svg, G, Path, Circle


app = dash.Dash(__name__)

app.layout = html.Div([
    html.Header([
        Svg([
            G([
                Path(d='...'),
                Circle(cx="420.9", cy="296.5", r='45.7'),
                Path(d='M520.5 78.1z')
            ], fill='#61DAFB')
        ], viewBox='0 0 841.9 595.3', className="App-logo", alt="logo"),
        html.P(["Edit ", html.Code("usage.py"), " and save to reload."]),
        html.A("Learn Dash", className="App-link", href="https://dash.plotly.com/",  target="_blank", rel="noopener noreferrer")
    ], className="App-header")
], className="App")


if __name__ == '__main__':
    app.run_server(debug=True)