# Choropleth Map plots as intended with .show() method but appears empty returning to dcc.Graph

**URL:** <https://community.plotly.com/t/choropleth-map-plots-as-intended-with-show-method-but-appears-empty-returning-to-dcc-graph/47160>\
**Category:** Dash Python\
**Created:** [November 13, 2020, 10:28pm UTC](https://community.plotly.com/t/choropleth-map-plots-as-intended-with-show-method-but-appears-empty-returning-to-dcc-graph/47160 "2020-11-13T22:28:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tharikhajar](https://avatars.discourse-cdn.com/v4/letter/t/e36b37/32.png) [@tharikhajar](https://community.plotly.com/u/tharikhajar)\
**Post date:** [November 13, 2020, 10:28pm UTC](https://community.plotly.com/t/choropleth-map-plots-as-intended-with-show-method-but-appears-empty-returning-to-dcc-graph/47160/1 "2020-11-13T22:28:13Z")

</div>

Hello everyone!

I’m developing a dash application to display some geographical data on a map of the Minas Gerais state here in Brazil. So i’ve got the appropriate .shp files in order to draw the state’s map.

I prototyped it via jupyter lab (using only plotly, no dash app) and it worked correctly, but when i try to do the same thing in a dash app via pycharm I get a blank world map. The color data is nowhere to be seen nor is the map limited to the fitbounds parameter.

What makes it even weirder is that if i place a fig.show() as the last line in my callback function a correctly plotted map pops into my browser, while the map in the dash app is still blank. I even tried to put info that would be fed via callback input directly inside the function, but to no avail. Also, the colorbar displays correctly, so the data is somewhat not enterily lost.

Here is what appears via fig.show():

 ![MG_MAP](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/d/d8821f00060ff10d6a8e9db2ad6db3a8863edaaf.jpeg)

And here is what appears in the dash app:

 ![BLANK_MAP](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/6/68f6f346697c0bdd75c6a7efa7441ad45898fd19.jpeg)

And finally, here is the callback code:

```auto
@app.callback(
    Output('map', 'figure'),
    [Input('fontes', 'value')]
)
def plotmap(*vals, df_wide=df_wide, geo_mes=geo_mes):

    df_filter = df_wide[['NM_MES', 'NM_MIC', 'NM_MUN']].copy() # Getting region's names

    # Filtering by substract

    subs = ['CORTE', 'VINHACA']

    for sub in subs:
        df_filter[sub] = df_wide[sub]

    # defining scope - in this test = mesoregion

    scope = 'NM_MES'

    # Melting the dataframe

    df_melt = df_filter.melt(id_vars=['NM_MUN', 'NM_MES', 'NM_MIC'],
                             value_vars=df_filter.columns[3:],
                             var_name='SUBS',
                             value_name='POT')
    # Grouping by the scope

    df_group = df_melt.groupby([scope]).sum().sort_values(by='POT', ascending=False)

    # Resetting index

    df_group.reset_index(inplace=True)

    # mergind geo data with z

    df_plot = geo_mes.merge(df_group, how='left', on='NM_MES')

    df_plot.set_index('NM_MES', inplace=True)

    fig = px.choropleth(df_plot,
                        geojson=df_plot.geometry,
                        locations=df_plot.index,
                        color='POT',
                        hover_name=df_plot.index)
    fig.update_geos(fitbounds="locations", visible=False)

    fig.show()

    return fig

```

Please note that the \*vals input is not being used because i manually placed an equivalent input inside the function as the “subs” list in an attempt of troubleshooting.

Also, i’m using geopandas with px as demosntradd in the following link (i don’t think this is the problem as it works in jupyterlab and in the fig.show().

> **[Choropleth Maps](https://plotly.com/python/choropleth-maps/#using-geopandas-data-frames)**
>
> How to make choropleth maps in Python with Plotly.

Sorry if this problem have already been solved in another discussion.

Any ideas?

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [November 17, 2020, 2:41am UTC](https://community.plotly.com/t/choropleth-map-plots-as-intended-with-show-method-but-appears-empty-returning-to-dcc-graph/47160/2 "2020-11-17T02:41:19Z")

</div>

Try upgrading dash - the dash package and the plotly package include their own, separate plotly.js bundles and so need to be upgraded independently

---

<div class="post-metadata">

**Author:** ![tharikhajar](https://avatars.discourse-cdn.com/v4/letter/t/e36b37/32.png) [@tharikhajar](https://community.plotly.com/u/tharikhajar)\
**Post date:** [November 17, 2020, 5:14pm UTC](https://community.plotly.com/t/choropleth-map-plots-as-intended-with-show-method-but-appears-empty-returning-to-dcc-graph/47160/3 "2020-11-17T17:14:53Z")

</div>

Hello!, thanks for the reply.

I just checked and both libraries are up to date. Here is a list of the versions currently installed:

plotly 4.12.0  
dash 1.17.0  
dash-core-components 1.3.1  
dash-html-components 1.0.1  
dash-renderer 1.1.2  
dash-table 4.4.1

Any other suggestion?