Plotlyのscatter plotでlineの先っぽに矢印をつけるの巻

import plotly.graph_objects as go

x=[1, 4, 10]
y=[1, 6, 8]

fig = go.Figure()

fig.add_trace(go.Scatter(
    x=x,
    y=y,
    mode="lines+markers+text",
    text=["A", "B", "C" ],
    textposition="top left",
))

fig.show()Copy

import plotly.graph_objects as go


x=[1, 4, 10]
y=[1, 6, 8]

fig = go.Figure()

fig.add_trace(go.Scatter(
    x=x,
    y=y,
    mode="markers+text",
    text=["A", "B", "C" ],
    textposition="top left",
))


arrows =[
    go.layout.Annotation(dict(
        x=x[1], #x position of arrowhead
        y=y[1], #y position of arrowhead
        showarrow=True,
        xref = "x", #reference axis of arrow head coordinate_x 
        yref = "y", #reference axis of arrow head coordinate_y 
        arrowcolor="#636efa", #color of arrow
        arrowsize = 1.5, #size of arrow head
        arrowwidth = 2, #width of arrow line
        ax = x[0], #arrow tail coordinate_x 
        ay = y[0], #arrow tail coordinate_y
        axref= "x", #reference axis of arrow tail coordinate_x 
        ayref= "y", #reference axis of arrow tail coordinate_y 
        arrowhead=5, #annotation arrow head style, from 0 to 8
        )),
    go.layout.Annotation(dict(
        x=x[2], #x position of arrowhead
        y=y[2], #y position of arrowhead
        showarrow=True,
        xref = "x", #reference axis of arrow head coordinate_x 
        yref = "y", #reference axis of arrow head coordinate_y 
        arrowcolor="#636efa", #color of arrow
        arrowsize = 1.5, #size of arrow head
        arrowwidth = 2, #width of arrow line
        ax = x[1], #arrow tail coordinate_x 
        ay = y[1], #arrow tail coordinate_y
        axref= "x", #reference axis of arrow tail coordinate_x 
        ayref= "y", #reference axis of arrow tail coordinate_y 
        arrowhead=5, #annotation arrow head style, from 0 to 8
        ))
        ]

fig.update_layout(annotations=arrows)

fig.show()Copy

import plotly.graph_objects as go

#coordinate lists (arrow head and arrow tail)
headpoint_list = [(3,3), (4,3), (5,3), (3,4), (5,4), (3,5), (4,5), (5,5)]
tailpoint_list = [(2,2), (4,2), (6,2), (2,4), (6,4), (2,6), (4,6), (6,6)]

#put go.Scatter() for each coordinate into a list 
arrowhead_traces = [go.Scatter(
    x=[i[0]], 
    y=[i[1]], 
    mode="lines+markers"
    ) 
    for i in headpoint_list
    ]

arrowtail_traces = [go.Scatter(
    x=[i[0]],
    y=[i[1]], 
    mode="markers" 
    ) 
    for i in tailpoint_list
    ]

#merge
total_traces = arrowhead_traces + arrowtail_traces

#make a list of go.layout.Annotation() for each pair of arrow head and tail
arrows = [go.layout.Annotation(dict(
    x= head[0], #x position of arrowhead
    y= head[1], #y position of arrowhead
    showarrow=True,    
    xref = "x", #reference axis of arrow head coordinate_x 
    yref = "y",#reference axis of arrow head coordinate_y 
    arrowcolor="#636efa", #color of arrow
    arrowsize = 1.5, #size of arrow head
    arrowwidth = 2, #width of arrow line
    ax = tail[0], #arrow tail coordinate_x 
    ay = tail[1], #arrow tail coordinate_y
    axref= "x", #reference axis of arrow tail coordinate_x 
    ayref= "y", #reference axis of arrow tail coordinate_y 
    arrowhead=i, #annotation arrow head style, from 0 to 8
    text = 'style #'+str(i),
    )) 
    for i, (head, tail) in enumerate(zip(headpoint_list, tailpoint_list))
    ]

#pass total_traces to go.Figure 
fig = go.Figure(total_traces)

#update_layout with annotations 
fig.update_layout(annotations=arrows)

fig.show()Copy

#coordinate lists (arrow head and arrow tail)
arrowhead_traces = [go.Scatter(
    x=[i[0]], 
    y=[i[1]], 
    mode="lines"
    ) 
    for i in headpoint_list
    ]

#put go.Scatter() for each coordinate into a list 
arrowtail_traces = [go.Scatter(
    x=[i[0]],
    y=[i[1]], 
    mode="lines+markers",
    marker={'opacity':0},
    ) 
    for i in tailpoint_list
    ]Copy