Frames not loaded correctly

I am using Google Healthcare API and serving data to OHIF viewer. The loaded frames are not correctly displayed. Please suggest what I am missing:

It looks like it might be two separate things:

  1. There are some black columns at the start of the image data - it looks like the image pixel data includes some of the header data?
  2. Everything is skewed - which suggests that the image rows and columns aren’t correct. Since it is a square 512x512 image it’s not the case that these are reversed.

How was the image generated?

Thanks for reply @seandoyle.

I am using proxy to serve images to viewer. I have resolved the issue by changing the response type to arraybuffer from json.