Update pyplot documentation to match latest reflex-graphing implementation (#1474)

* Update pyplot documentation to match latest reflex-graphing implementation

- Replace outdated state management with @rx.var computed variables
- Add fig_light and fig_dark computed vars with proper plt.close(fig) calls
- Replace on_mount pattern with rx.color_mode_cond for theme switching
- Add missing Figure import for proper type hints
- Ensure interactive features (randomize button, slider) work in both light and dark modes

Co-Authored-By: Alek <[email protected]>

* Remove redundant plt.close() calls from computed variables

The create_plot function already closes the figure, so additional
plt.close() calls in the @rx.var methods were redundant and could
cause issues. This addresses the greptile-apps bot feedback.

Co-Authored-By: Alek <[email protected]>

* Update reflex-pyplot version constraint to >= 0.2.0

- Changed from pinned version 0.1.3 to >= 0.2.0 for compatibility with latest pyplot features
- Regenerated uv.lock file to reflect the version update
- Ensures compatibility with @rx.var computed variables used in updated documentation

Co-Authored-By: Alek <[email protected]>

* Fix reflex-pyplot import statements for version 0.2.0

- Update import from 'reflex_pyplot' to 'custom_components.reflex_pyplot'
- Fixes ModuleNotFoundError caused by module structure change in reflex-pyplot 0.2.0
- Updates all 4 locations: docs/__init__.py and 3 code blocks in pyplot.md

Co-Authored-By: Alek <[email protected]>

* Revert to simplified reflex-pyplot imports for version 0.2.1

- Update pyproject.toml to require reflex-pyplot >= 0.2.1
- Revert import statements from custom_components.reflex_pyplot back to reflex_pyplot
- Update all 3 code blocks in pyplot documentation
- Regenerate uv.lock with updated dependency

Co-Authored-By: Alek <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Alek <[email protected]>

Author: devin-ai-integration[bot]

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

@@ -9,6 +9,7 @@ from reflex_pyplot import pyplot
 import numpy as np
 import random
 import matplotlib.pyplot as plt
+from matplotlib.figure import Figure
 from reflex.style import toggle_color_mode
 ```
 
@@ -97,36 +98,33 @@ def create_plot(theme: str, plot_data: tuple, scale: list):
 
 class PyplotState(rx.State):
     num_points: int = 100
-    plot_data: tuple
-    scale: list
-    fig: plt.Figure = plt.Figure()
+    plot_data: tuple = tuple(np.random.rand(2, 100) for _ in range(3))
+    scale: list = [random.uniform(0, 100) for _ in range(100)]
 
-    @rx.event
     def randomize(self):
         self.plot_data = tuple(np.random.rand(2, self.num_points) for _ in range(3))
         self.scale = [random.uniform(0, 100) for _ in range(self.num_points)]
 
-    @rx.event
     def set_num_points(self, num_points: list[int]):
         self.num_points = num_points[0]
         self.randomize()
 
-    @rx.event
-    def create_fig(self, theme: Literal["light", "dark"]):
-        self.plot_data = tuple(np.random.rand(2, 100) for _ in range(3))
-        self.scale = [random.uniform(0, 100) for _ in range(100)]
-        self.fig = create_plot(
-            theme, self.plot_data, self.scale
-        )
+    @rx.var
+    def fig_light(self) -> Figure:
+        fig = create_plot("light", self.plot_data, self.scale)
+        return fig
+    
+    @rx.var
+    def fig_dark(self) -> Figure:
+        fig = create_plot("dark", self.plot_data, self.scale)
+        return fig
 
 def pyplot_example():
     return rx.vstack(
         rx.card(
-            pyplot(
-                PyplotState.fig,
-                width="100%",
-                height="100%",
-                on_mount=rx.color_mode_cond(PyplotState.create_fig("light"), PyplotState.create_fig("dark")),
+            rx.color_mode_cond(
+                pyplot(PyplotState.fig_light, width="100%", height="100%"),
+                pyplot(PyplotState.fig_dark, width="100%", height="100%"),
             ),
             rx.vstack(
                 rx.hstack(

pyproject.toml

@@ -20,7 +20,7 @@ dependencies = [
   "mistletoe>=1.2.1",
   "reflex-image-zoom>=0.0.2",
   "replicate==1.0.6",
-  "reflex-pyplot==0.1.3",
+  "reflex-pyplot>=0.2.1",
   "reflex-enterprise==0.3.1a1",
   "requests>=2.32.3",
   "posthog==4.0.1",