dash-template-rendering 0.0.1a1

Dash Python extention for rendering Jinja2 templates.

dash-template-rendering

Dash Python extention for rendering Jinja2 templates.

Simple example

Based on the dash minimal app.

from dash import Dash, html, dcc, callback, Output, Input
from dash_template_rendering import TemplateRenderer, render_dash_template_string
import plotly.express as px
import pandas as pd

df = pd.read_csv(
    "https://raw.githubusercontent.com/plotly/datasets/master/gapminder_unfiltered.csv"
)

app = Dash(__name__)
TemplateRenderer(dash=app)

app.layout = render_dash_template_string(
    """
<div>
    <h1 style="text-align:center;">Title of Dash App</h1>
    {{ dropdown | plotly }}
    {{ graph | plotly }}
    <h3>You can use all jinja2 features too.</h3>
    <ul>
    {% for i in [1,2,3] %}
        <li>Item {{ i }}</li>
    {% endfor %}
    </ul>
</div>
""",
    dropdown=dcc.Dropdown(df.country.unique(), "Canada", id="dropdown-selection"),
    graph=dcc.Graph(id="graph-content"),
)


@callback(Output("graph-content", "figure"), Input("dropdown-selection", "value"))
def update_graph(value):
    dff = df[df.country == value]
    return px.line(dff, x="year", y="pop")


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