update pyplot demos (#1574)

Author: carlosabadia

docs/library/graphing/other-charts/pyplot.md

@@ -81,10 +81,10 @@ def create_plot(theme: str, plot_data: tuple, scale: list):
     fig, ax = plt.subplots(facecolor=bg_color)
     ax.set_facecolor(bg_color)
 
-    for (x, y), color in zip(plot_data, ["#4e79a7", "#f28e2b", "#59a14f"]):
+    for (x, y), color in zip(plot_data, ["#4e79a7", "#f28e2b"]):
         ax.scatter(x, y, c=color, s=scale, label=color, alpha=0.6, edgecolors="none")
 
-    ax.legend(facecolor=bg_color, edgecolor='none', labelcolor=text_color)
+    ax.legend(loc="upper right", facecolor=bg_color, edgecolor='none', labelcolor=text_color)
     ax.grid(True, color=grid_color)
     ax.tick_params(colors=text_color)
     for spine in ax.spines.values():
@@ -97,17 +97,19 @@ def create_plot(theme: str, plot_data: tuple, scale: list):
     return fig
 
 class PyplotState(rx.State):
-    num_points: int = 100
-    plot_data: tuple = tuple(np.random.rand(2, 100) for _ in range(3))
-    scale: list = [random.uniform(0, 100) for _ in range(100)]
+    num_points: int = 25
+    plot_data: tuple = tuple(np.random.rand(2, 25) for _ in range(2))
+    scale: list = [random.uniform(0, 100) for _ in range(25)]
 
+    @rx.event(temporal=True, throttle=500)
     def randomize(self):
-        self.plot_data = tuple(np.random.rand(2, self.num_points) for _ in range(3))
+        self.plot_data = tuple(np.random.rand(2, self.num_points) for _ in range(2))
         self.scale = [random.uniform(0, 100) for _ in range(self.num_points)]
 
+    @rx.event(temporal=True, throttle=500)
     def set_num_points(self, num_points: list[int | float]):
         self.num_points = int(num_points[0])
-        self.randomize()
+        yield PyplotState.randomize()
 
     @rx.var
     def fig_light(self) -> Figure:
@@ -134,9 +136,9 @@ def pyplot_example():
                     ),
                     rx.text("Number of Points:"),
                     rx.slider(
-                        default_value=100,
+                        default_value=25,
                         min_=10,
-                        max=1000,
+                        max=100,
                         on_value_commit=PyplotState.set_num_points,
                     ),
                     width="100%",

docs/vars/base_vars.md

@@ -215,7 +215,7 @@ app = rx.App()
 
 
 class State(rx.State):
-    x: rx.Field[dict[str, list[int]]] = rx.field(\{})
+    x: rx.Field[dict[str, list[int]]] = rx.field(default_factory=dict)
 
 
 @app.add_page

pcweb/components/docpage/navbar/typesense.py

@@ -85,7 +85,7 @@ class TypesenseSearchState(rx.State):
 
     # State variables
     search_query: rx.Field[str] = rx.field("")
-    search_results: rx.Field[list[dict]] = rx.field([])
+    search_results: rx.Field[list[dict]] = rx.field(default_factory=list)
     is_searching: rx.Field[bool] = rx.field(False)
     _show_results: bool = False
     selected_filter: rx.Field[str] = rx.field("All")

pcweb/pages/gallery/sidebar.py

@@ -21,7 +21,7 @@
 
 class TemplatesState(rx.State):
     query: rx.Field[str] = rx.field("")
-    checked_tags: rx.Field[set[str]] = rx.field(set())
+    checked_tags: rx.Field[set[str]] = rx.field(default_factory=set)
     page: rx.Field[int] = rx.field(1)
     total_pages: rx.Field[int] = rx.field(1)