Black Lives Matter. Please consider donating to Black Girls Code today.

Rendering of images in dash/plotly

I am making an app to aid pixel label leveling for a segmentation task by having the user easily edit the suggestion from a partially trained CNN. The idea of using dash for this is taken from this example:

This use the image as a background, similar to the examples here:

My issue is that the image renders by default with smoothing of the pixels, but I want the pixels to be sharp. I’ve tried adding a .css file in my assets folder with " image-rendering: pixelated;", but it doesn’t help. Any suggestions on how to help? Code from with something to make the images show with sharp pixels would be great.

Turned out this can be fixed either by css or simply adding

style = {‘image-rendering’: ‘pixelated’})
to the Div containing the graph.