WIT flowchart is rendering long and skinny in sphinx docs

[BexDunn]

WIT flowchart is rendering long and skinny in sphinx docs.

Docs rendering is showing up different to notebook rendering. The html controlling the size of the image in the notebook needs adjusting so the image is readable in the docs.

Steps to reproduce

1. Go to https://docs.dea.ga.gov.au/notebooks/DEA_products/DEA_Wetlands_Insight_Tool.html
   

Expected behaviour

Environment information
DEA Sandbox and Chrome to view the docs

[robbibt]

Oh that's weird. Could try resizing the image file itself to the right width, then just rendering it using plain markdown? e.g.

![](*.jpg)

[BexDunn]

Here's a question - do we know what the 'right width' is for a jupyter notebook, given different screen rendering and sizes? A quick search of stackexchange suggests using the Image module from IPython.display could be a good option https://stackoverflow.com/questions/41598916/resize-the-image-in-jupyter-notebook-using-markdown -however it's an old post, so I'm not sure what the most recent solution would be..

[robbibt]

I think if you use the markdown approach it will just scale it correctly by default - I don't think I've needed to specify a specific width/height using that method in the past. E.g. just looking at a notebook like this where we have a few images, which all seem to be rendering OK to the width of the notebook (the table is worse though!)

https://docs.dea.ga.gov.au/notebooks/Beginners_guide/02_DEA.html