「plotlyでCanvasに自由に描画」する機能はあります。
点や線や画像を描画可能です。
しかしサンプルコードの通りグラフに特化した描画機能の延長で描画しているので、若干無理やりな感じは否めません。
目的や用途、そしてPythonコードのみで解決すべきかThree.jsなどjavascript側の描画フレームワークを使って良いのかなどの条件を質問文に追記していただけるとより的確な回答を得やすいかもしれません。
コメントにあるように「利用者が自由に描画」できる仕組みはstreamlit-drawable-canvasなどのライブラリが用意されています。
サンプルコード
import plotly.graph_objects as go
fig = go.Figure()
# Create scatter trace of text labels
fig.add_trace(go.Scatter(
x=[1, 1.75, 2.5],
y=[1, 1, 1],
text=["$Stack$", "$Stackoverflow$", "$overflow$"],
mode="text",
textfont=dict(
color="black",
size=18,
family="Arail",
)
))
# Update axes properties
fig.update_xaxes(
showticklabels=False,
showgrid=False,
zeroline=False,
)
fig.update_yaxes(
showticklabels=False,
showgrid=False,
zeroline=False,
)
# Add image
fig.add_layout_image(
dict(
source="https://raw.githubusercontent.com/michaelbabyn/plot_data/master/benzene.png",
x=0.8,
y=0.65,
))
fig.update_layout_images(dict(
sizex=0.3,
sizey=0.3,
xanchor="left",
yanchor="top"
))
# Add circles
fig.add_shape(type="circle",
line_color="blue", fillcolor="yellow",
x0=0, y0=0, x1=2.25, y1=2
)
fig.add_shape(type="circle",
line_color="gray", fillcolor="orange",
x0=1.25, y0=0, x1=3.5, y1=2
)
# Add rect
fig.add_shape(type="rect", x0=0,y0=0.178,x1=3.5,y1=1.83)
fig.update_shapes(opacity=0.3, xref="x", yref="y")
fig.update_layout(
margin=dict(l=20, r=20, b=100),
height=600, width=800,
plot_bgcolor="white"
)
fig.show()