How to align two images in two columns in a row?

Hi Nedned:

By using the base64 string I was able to display the image align on top. That was good. Further more, from your response and my own research, I am pretty sure that I should not be using dcc.Graph, I should be using html.Img. then I found this website: Black b64-encoded image from numpy array, I was able to reuse the numpy_to_b64(array) function to convert rgb numpy.ndarray to b64 and use html.Img(src=‘data:image/png;base64,{}’.format(img_b64)) to display the image. by using the verticalAlign=‘top’. it works perfectly.

Again, thank you very much for your help. I would not be able to figure this out without your help.

Thanks
Xiali

2 Likes