dea-notebooks
dea-notebooks copied to clipboard
WIT flowchart is rendering long and skinny in sphinx docs
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
- 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
Oh that's weird. Could try resizing the image file itself to the right width, then just rendering it using plain markdown? e.g.

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..
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
closed by #1222 and #1230