Plotly dendogram chart not showing right side

[Rushmore]

App is running locally:

I am currently trying to create a dendogram chart which looks like the below in streamlit

But looks like this in jupyter notebook

(this is of a different dataset but the idea is the whole chart appears)

The right side of the chart is not showing on streamlit but is doing so in jupyter notebook.

Is there a way to rectify this?

The data:

data = [
  {
    "index": "HP Regen",
    "Akai": 0.6666666666666666
  },
  {
    "index": "Physical Defense",
    "Akai": 0.4
  },
  {
    "index": "HP",
    "Akai": 0.8666666666666667
  },
  {
    "index": "Magic Defense",
    "Akai": 0.4
  }
]

import plotly.figure_factory as ff 
from scipy.cluster.hierarchy import dendrogram, linkage 

df_data = pd.DataFrame(data) 
df_data.index = df_data.iloc[:,0]
df_data = df_data.iloc[:,1:]
fig_hier = ff.create_dendrogram(df_data, linkagefun=lambda x: linkage(x, "ward"), orientation='bottom', labels=df_data.index.tolist())

st.plotly_chart(fig_hier, use_container_width=True)

[edsaac]

You are creating the pandas dataframe and the plot using the variable data_ and not using the data that you provided. From the plot, they seem to be different objects.

[Rushmore]

Sorry, typo. Creating dataframe from data not data_

[edsaac]

@Rushmore

(this is of a different dataset but the idea is the whole chart appears)

sorry, my bad. You see different plots because streamlit applies their own theme by default. To get the plotly defaults, pass the kwarg theme=None to st.plotly_chart:

[Rushmore]

Ahh, great that did it. Thanks!