Heatmaps are non interactive

Is it normal that Altair heatmaps are non interactive, even when specifying .interactive():

import altair as alt, numpy as np, pandas as pd
x, y = np.meshgrid(range(-5, 5), range(-5, 5))
z = x ** 2 + y ** 2
source = pd.DataFrame({'x': x.ravel(), 'y': y.ravel(), 'z': z.ravel()})
alt.Chart(source).mark_rect().encode(x='x:O', y='y:O', color='z:Q').interactive().save('test2.html')

?

Is there a way to enable interactivity : moving, zooming, etc. in the browser?

[jakevdp]

I think you’re looking for binned quantitative encodings:

alt.Chart(source).mark_rect().encode(
  x=alt.X('x:Q', bin=True),
  y=alt.Y('y:Q', bin=True),
  color='z:Q'
).interactive()

[betaigeuze]

PS: would you know if it’s possible to do a “rectangle selection” on such a heatmap, to do a Region Of Interest (ROI) selection?

You can add a rectangular selection with

sel = alt.selection_interval()

So to extend @jakevdp 's example:

sel = alt.selection_interval()

alt.Chart(source).mark_rect().encode(
  x=alt.X('x:Q', bin=True),
  y=alt.Y('y:Q', bin=True),
  color='z:Q'
).add_selection(sel)

However, if you do it like this, you’re dropping the .interactive(). Afaik, you can only assign one function to a mouse click: Either create a selection window or move the plot.

Would you have a link to the right documentation page?

You can read more about this kind of selections here