Sankey diagram problem

[crazycodingcat]

Hi,

I am trying to reproduce this sample Sankey diagram from plotly in Dash: https://plot.ly/python/sankey-diagram/

I just copy-pasted the sample code and in my dash application use
dcc.Graph(figure={'data': [data_trace], 'layout': layout})

The graph gets rendered but the rectangles are not displaying:

I checked the properties of the rect svg elements and found the height is negative. Any idea why this happens?

Thanks,
Xuan

[alishobeiri]

Hey @crazycodingcat,

Thanks for the question.

Try changing the value of pad inside the node dictionary to be equal to 5.

For example:

    node = dict(
      pad = 5,
      thickness = 15,
      line = dict(
        color = "black",
        width = 0.5
      ),
      label =  data['data'][0]['node']['label'],
      color =  data['data'][0]['node']['color']
    ),

The same effect can be achieved by increasing the height of the graph in the layout. This issue happens when the padding between nodes is too high for the each node to be displayed in the graph.

[crazycodingcat]

@alishobeiri Thanks! Yes that works like a charm :)