<div id="readability-page-1" class="page"><div>
<p>I started using plotly. It renders a nice looking chart by default and interactive. With some efforts, one can <a href="https://mkseo.pe.kr/blog/?p=5032">return json in the server to render it via js</a>.</p>



<p>Another benefit is that charts can be merged. It’s very useful in rendering two different lines, e.g., trainig data + test data in a single chart. For example, this is how one can draw a data frame as a line.</p>


<div><pre title="">def line_for_df(
    df: pl.DataFrame,
    x_col: str,
    y_col: str,
    *,
    color: str | None = None,
    name: str | None = None,
) -&gt; Figure:
    fig = px.line(df, x=x_col, y=y_col)
    if color:
        fig.update_traces(line_color=color)
    if name:
        fig.update_traces(name=name)
    return fig
</pre></div>


<p>After drawing two figures, one can merge them.</p>


<div><pre title="">def merge_lines(figs: list[Figure]) -&gt; Figure:
    merged_fig = figs[0]
    for fig in figs[1:]:
        for trace in fig.data:
            merged_fig.add_trace(trace)
    merged_fig.update_layout(
        showlegend=True,
        legend=dict(orientation="h", yanchor="bottom", y=1.0, xanchor="center", x=0.5),
    )
    merged_fig.update_traces(showlegend=True)
    return merged_fig
</pre></div>


<p>For example, this is how I render training and test data in a single chart.</p>


<div><pre title="">def line_for_split(
    split: Split,
    x_col: str,
    y_col: str,
) -&gt; Figure:
    train = split.train.X.rename({y_col: "train"})
    test = split.test.X.rename({y_col: "test"})
    fig1 = line_for_df(train, x_col, "train", color="blue", name="train")
    fig2 = line_for_df(test, x_col, "test", color="red", name="test")
    fig = merge_lines([fig1, fig2])
    return fig
</pre></div>


<p>It’s pretty amazing since I don’t need to merge the two dfs to render them in a single chart.</p>
</div></div>

Passion is like genius; a miracle.

I started using plotly. It renders a nice looking chart by default and interactive. With some efforts, one can return json in the server to render it via js. Another benefit is that charts can be merged. It’s very useful in rendering two different lines, e.g., trainig data + test data in a single chart. […]

plotly and drawing multiple lines in a single figure

댓글