Как построить точечный график и линейный график на одном графике, используя Plotly в Python?

Недавно я увлекся сюжетом, и он мне очень нравится, поэтому я стараюсь использовать его в каждом проекте, который делаю.

С помощью matplotlib я могу построить линейный график и точечный график на одном и том же графике, используя приведенный ниже код.

plt.figure(figsize = (20,5))
plt.scatter(x, y)
plt.plot(x, y_pred, color = "r")
plt.show()

Используя trendlineпараметр в scatterфункции внутри plotly.express, я могу построить линию наилучшего соответствия через разбросанные точки, но мне это не нужно, поскольку я пытаюсь продемонстрировать, как вычислить эту линию.

Спасибо за помощь в продвижении!

Solution of the problem

Используя одни и те же определенные массивы/списки, x, y, y_pred. Эквивалентный подход — использовать Plotly Express для создания фигуры, а затем добавить к ней дополнительные трассировки.

import pandas as pd
import numpy as np
import plotly.express as px
x = np.linspace(1, 20, 16)
y = np.random.uniform(1, 6, 16)
y_pred = y * 1.1
fig = px.scatter(x=x, y=y, color_discrete_sequence=["yellow"])
fig.add_traces(px.line(x=x, y=y_pred, color_discrete_sequence=["red"]).data)