Наложение двух графиков в Plotly

Используя seaborn, я могу объединить два графика с кодом ниже.

# LINE PLOT
r_30 = r[r['ID']==30] #choosing person 30

g = sns.FacetGrid(r_30, col = "VISIT", sharex=False, sharey=False,aspect=2,col_wrap=2,legend_out=True) # 2 columns, legend is outside of plot

g.map(sns.lineplot, "DATE_TIME", "SBP",color='red',label='SBP',style=r_30['MODE']) # style/shape of line changes with mode

g.map(sns.lineplot, "DATE_TIME", "DBP",color='blue',label='DBP',style=r_30['MODE'])
g.set_axis_labels("DATE_TIME", "Blood Pressure (mmHg)")

Тогда я получаю следующий график:

Я хотел бы иметь такой же сюжет в Plotly, чтобы использовать его в Dash. Для этого я просмотрел старые сообщения и использовал

1)

trace1 = px.scatter(r_30, x = "DATE_TIME", y = "SBP", color = "MODE", facet_col = "VISIT")
trace2 = px.scatter(r_30, x = "DATE_TIME", y = "DBP", color = "MODE", facet_col = "VISIT")
trace1.update_xaxes(matches=None)
trace1.update_yaxes(matches=None)

trace2.update_xaxes(matches=None)
trace2.update_yaxes(matches=None)

fig = go.Figure(data = trace1.data + trace2.data)

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),

    html.Div(children='''
        Dash: A web application framework for your data.
    '''),

    dcc.Graph(
        id='example-graph',
        figure=sub_fig3
    )
])

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

fig = go.Figure(data = trace1.data + trace2.data) работало, но не разделяло графики, как показано выше. Как я могу перестроить код, чтобы у меня были отдельные графики?

Я также использовал другое кодовое решение из SO, но это тоже не разделяет графики.

sub_fig3 = make_subplots(rows=2, cols=2, shared_xaxes=True, vertical_spacing=0.02)

sub_fig3 = sub_fig3.add_trace(trace1.data[0], row=1, col=1)
sub_fig3 = sub_fig3.add_trace(trace1.data[1], row=2, col=1)
sub_fig3 = sub_fig3.add_trace(trace2.data[0], row=1,col=2)
sub_fig3 = sub_fig3.add_trace(trace2.data[1], row=2,col=2)


sub_fig3 = sub_fig3.update_layout(
    xaxis_rangeslider_visible=False,
    xaxis3 = {"anchor": "y3"},
    xaxis2_rangeslider_visible=False,
)

Как я могу получить сюжет в Plotly, как я сделал в Seaborn, как показано на рисунке выше?