Introduce Altair Grid

mesa/experimental/altair_grid.py

@@ -0,0 +1,67 @@
+import json
+from typing import Callable
+
+import altair as alt
+import solara
+
+import mesa
+
+
+def get_agent_data_from_coord_iter(data):
+    for agent, (x, y) in data:
+        if agent:
+            agent_data = json.loads(
+                json.dumps(agent[0].__dict__, skipkeys=True, default=str)
+            )
+            agent_data["x"] = x
+            agent_data["y"] = y
+            agent_data.pop("model", None)
+            agent_data.pop("pos", None)
+            yield agent_data
+
+
+def create_grid(
+    color: str | None = None,
+    on_click: Callable[[mesa.Model, mesa.space.Coordinate], None] | None = None,
+) -> Callable[[mesa.Model], solara.component]:
+    return lambda model: Grid(model, color, on_click)
+
+
+def Grid(model, color=None, on_click=None):
+    if color is None:
+        color = "unique_id:N"
+
+    if color[-2] != ":":
+        color = color + ":N"
+
+    print(model.grid.coord_iter())
+
+    data = solara.reactive(
+        list(get_agent_data_from_coord_iter(model.grid.coord_iter()))
+    )
+
+    def update_data():
+        data.value = list(get_agent_data_from_coord_iter(model.grid.coord_iter()))
+
+    def click_handler(datum):
+        if datum is None:
+            return
+        on_click(model, datum["x"], datum["y"])
+        update_data()
+
+    default_tooltip = [f"{key}:N" for key in data.value[0]]
+    chart = (
+        alt.Chart(alt.Data(values=data.value))
+        .mark_rect()
+        .encode(
+            x=alt.X("x:N", scale=alt.Scale(domain=list(range(model.grid.width)))),
+            y=alt.Y(
+                "y:N",
+                scale=alt.Scale(domain=list(range(model.grid.height - 1, -1, -1))),
+            ),
+            color=color,
+            tooltip=default_tooltip,
+        )
+        .properties(width=600, height=600)
+    )
+    return solara.FigureAltair(chart, on_click=click_handler)

mesa/experimental/jupyter_viz.py

@@ -11,6 +11,7 @@
 from solara.alias import rv
 
 import mesa
+from mesa.experimental.altair_grid import create_grid
 
 # Avoid interactive backend
 plt.switch_backend("agg")
@@ -75,6 +76,12 @@ def ColorCard(color, layout_type):
                     SpaceMatplotlib(
                         model, agent_portrayal, dependencies=[current_step.value]
                     )
+                elif space_drawer == "altair":
+                    # draw with the altair implementation
+                    SpaceAltair(
+                        model, agent_portrayal, dependencies=[current_step.value]
+                    )
+
                 elif space_drawer:
                     # if specified, draw agent space with an alternate renderer
                     space_drawer(model, agent_portrayal)
@@ -109,6 +116,9 @@ def render_in_jupyter():
                 SpaceMatplotlib(
                     model, agent_portrayal, dependencies=[current_step.value]
                 )
+            elif space_drawer == "altair":
+                # draw with the default implementation
+                SpaceAltair(model, agent_portrayal, dependencies=[current_step.value])
             elif space_drawer:
                 # if specified, draw agent space with an alternate renderer
                 space_drawer(model, agent_portrayal)
@@ -139,6 +149,12 @@ def render_in_browser():
                 ModelController(model, play_interval, current_step, reset_counter)
             with solara.Card("Progress", margin=1, elevation=2):
                 solara.Markdown(md_text=f"####Step - {current_step}")
+            with solara.Card("Analytics", margin=1, elevation=2):
+                df = model.datacollector.get_model_vars_dataframe()
+                for col in list(df.columns):
+                    solara.Markdown(
+                        md_text=f"####Avg. {col} - {df.loc[:, f'{col}'].mean()}"
+                    )
 
         items = [
             ColorCard(color="white", layout_type=layout_types[i])
@@ -334,6 +350,12 @@ def SpaceMatplotlib(model, agent_portrayal, dependencies: Optional[List[any]] =
     solara.FigureMatplotlib(space_fig, format="png", dependencies=dependencies)
 
 
+@solara.component
+def SpaceAltair(model, agent_portrayal, dependencies: Optional[List[any]] = None):
+    grid = create_grid(color="wealth")
+    grid(model)
+
+
 def _draw_grid(space, space_ax, agent_portrayal):
     def portray(g):
         x = []
@@ -424,7 +446,7 @@ def get_initial_grid_layout(layout_types):
     grid_lay = []
     y_coord = 0
     for ii in range(len(layout_types)):
-        template_layout = {"h": 10, "i": 0, "moved": False, "w": 6, "y": 0, "x": 0}
+        template_layout = {"h": 20, "i": 0, "moved": False, "w": 6, "y": 0, "x": 0}
         if ii == 0:
             grid_lay.append(template_layout)
         else:

pyproject.toml

@@ -47,6 +47,7 @@ dependencies = [
   "pandas",
   "solara",
   "tqdm",
+  "altair"
 ]
 dynamic = ["version"]