Altair Show Image

altair_show_image.py

img_data = []
img_shape = image.shape

# I am sure there is a less loopy way of doing this.
for y in range(img_shape[0]):
    for x in range(img_shape[1]):
        pixel_color = image[y][x]
        # Add a .5 offset and convert from RGB to Hex.
        img_data.append((x +.5, y + .5, rgb2hex(pixel_color)))

img_data = np.array(img_data)
image_pd = pd.DataFrame({
    'x': img_data[:,0],
    'y': img_data[:,1],
    "color" : img_data[:,2],
})

img_chart = alt.Chart(image_pd).mark_square(size=3, opacity=1).encode(
    x="x:Q",
    y="y:Q",
    color=alt.Color('color', scale=None),
).properties(
    title='We were so busy wondering if we could, we didnt ask if we should.'
)
img_chart