Plotly Express bar very thin when deploying Streamlit app using docker to AWS ECS

📊 Plotly Python
1

I am developing Streamlit app and I am seeing some strange behavior.

When I run the app locally the bars are nice and thick.

image
image426×314 5.02 KB

But when deploy the same app to AWS ECS via docket container the bars are very thin

image
image409×376 4.89 KB

Here is my code:

def create_document_count_by_country_chart(df, color_map):

    # Selecting columns for visualization
    used_columns = ['COUNTRY_CODE', 'DOCUMENT_COUNT']

    # Creating new DataFrame using selected columns
    df_count_doc_by_country = df[used_columns]

    # Grouping by COUNTRY_CODE and summing DOCUMENT_COUNT
    df_count_doc_by_country = df_count_doc_by_country.groupby('COUNTRY_CODE').sum().reset_index()

    # Sorting by DOCUMENT_COUNT in descending order
    df_count_doc_by_country = df_count_doc_by_country.sort_values(by='DOCUMENT_COUNT', ascending=False)

    # Creating a bar chart
    fig_count_doc_by_country = px.bar(
        df_count_doc_by_country,
        color="COUNTRY_CODE",
        color_discrete_map=color_map,
        x='DOCUMENT_COUNT',
        y='COUNTRY_CODE',
        #title='Document Count By Country',
        orientation="h"
    )

    # Removing legend and y-axis title
    fig_count_doc_by_country.update_layout(showlegend=False, yaxis_title='')
    return fig_count_doc_by_country

I looked through form and I tried below, and it does make the bar lines thicker, but then the bar names are not aligned center. The textposition and insidetextanchor does no seems to work. There sure must be better approach here?

fig.update_traces(
    width=0.8,
    textposition="inside",
    insidetextanchor="middle
)

I do not understand why locally all is ok, but when in container/ECS is not? I would appreciate any guidance on this.

2

Upgrading to the recent version (6.1.2) fixed it… Problem solved.