update first models to use new solaraviz api

examples/aco_tsp/app.py

@@ -4,9 +4,10 @@
 
 import networkx as nx
 import solara
+from mesa.visualization.utils import update_counter
 from aco_tsp.model import AcoTspModel, TSPGraph
 from matplotlib.figure import Figure
-from mesa.visualization import SolaraViz
+from mesa.visualization import SolaraViz, make_plot_measure
 
 
 def circle_portrayal_example(agent):
@@ -35,6 +36,8 @@ def circle_portrayal_example(agent):
     },
 }
 
+model = AcoTspModel()
+
 
 def make_graph(model):
     fig = Figure()
@@ -55,7 +58,7 @@ def make_graph(model):
         edge_color="gray",
     )
 
-    solara.FigureMatplotlib(fig)
+    return solara.FigureMatplotlib(fig)
 
 
 def ant_level_distances(model):
@@ -67,10 +70,8 @@ def ant_level_distances(model):
 
 
 page = SolaraViz(
-    AcoTspModel,
-    model_params,
-    space_drawer=None,
-    measures=["best_distance_iter", "best_distance", make_graph],
-    agent_portrayal=circle_portrayal_example,
+    model,
+    components=[make_plot_measure(["best_distance_iter", "best_distance"]), make_graph],
+    model_params=model_params,
     play_interval=1,
 )

examples/boid_flockers/app.py

@@ -1,5 +1,5 @@
 from boid_flockers.model import BoidFlockers
-from mesa.visualization import SolaraViz
+from mesa.visualization import SolaraViz, make_space_matplotlib
 
 
 def boid_draw(agent):
@@ -15,11 +15,12 @@ def boid_draw(agent):
     "separation": 2,
 }
 
+model = BoidFlockers(100, 100, 100, 5, 10, 2)
+
 page = SolaraViz(
-    model_class=BoidFlockers,
+    model,
+    [make_space_matplotlib(agent_portrayal=boid_draw)],
     model_params=model_params,
-    measures=[],
     name="BoidFlockers",
-    agent_portrayal=boid_draw,
 )
 page  # noqa

examples/boltzmann_wealth_model_experimental/app.py

@@ -1,4 +1,8 @@
-from mesa.visualization import SolaraViz
+from mesa.visualization import (
+    SolaraViz,
+    make_plot_measure,
+    make_space_matplotlib,
+)
 from model import BoltzmannWealthModel
 
 
@@ -24,11 +28,14 @@ def agent_portrayal(agent):
     "height": 10,
 }
 
+model = BoltzmannWealthModel(50, 10, 10)
+
 page = SolaraViz(
-    BoltzmannWealthModel,
-    model_params,
-    measures=["Gini"],
-    name="Money Model",
-    agent_portrayal=agent_portrayal,
+    model,
+    components=[
+        make_space_matplotlib(agent_portrayal=agent_portrayal),
+        make_plot_measure("Gini"),
+    ],
+    model_params=model_params,
 )
 page  # noqa

examples/conways_game_of_life_fast/app.py

@@ -1,4 +1,4 @@
-from mesa.visualization import SolaraViz
+from mesa.visualization import SolaraViz, make_plot_measure
 from model import GameOfLifeModel
 
 model_params = {
@@ -20,11 +20,11 @@
     },
 }
 
+model = GameOfLifeModel(10, 10)
+
 page = SolaraViz(
-    GameOfLifeModel,
-    model_params,
-    measures=["Cells alive", "Fraction alive"],
-    space_drawer=None,
+    model,
+    components=[make_plot_measure(["Cells alive", "Fraction alive"])],
     name="Game of Life Model",
 )
 page  # noqa