Direct labeling with plotly.express

direct_labeling_plotly_express.py

import plotly.express as px

fig = px.line(
    stocks,
    x='date',
    template='plotly_white',
    y=stocks.columns[1:],
    color_discrete_sequence=cat_scale,
    labels={'y': 'stock price'},
    height=600,)

# This for-loop creates the labels

for i, stock in enumerate(stocks.columns[1:]):
    fig.add_scatter(
        x=[stocks['date'].iloc[-1]],
        y=[stocks[stock].iloc[-1]],
        name=stock,
        mode='text+markers',
        text=stock,
        textposition='middle right',
        marker=  {'color': fig.data[i].line.color, 'size': 12},
        textfont={'color': fig.data[i].line.color, 'weight': 'bold'})

fig.layout.showlegend = False
fig.layout.title = '<b>AFTER</b>'
fig.layout.title.subtitle.text = 'Direct labeling (no legend) - easier to visually relate colors to lines'
fig