Using Plotly Charts in Flaks

By Rui | | 1 minutes

This ariticle aims to give an idea about how to use plot.ly in Flask App.

On the route, pass json to HTML

1
2
3
4

# Create a plotly chart object
fig = px.bar(industry_report , x='grade', y='num')
# Get json from the chart
figJson = json.dumps(fig, cls=plotly.utils.PlotlyJSONEncoder)

On the page, get json from python and create chart object

1
2
3
4

var graphs = {{ figJson | safe }};

Plotly.plot('chart',graphs, {});