update(area-basic): plotly — comprehensive quality review

Added hover templates, peak annotation, spline lines, range slider, weekly tick marks

Author: MarkusNeusinger

plots/area-basic/implementations/plotly.py

@@ -1,7 +1,7 @@
-""" pyplots.ai
+"""pyplots.ai
 area-basic: Basic Area Chart
-Library: plotly 6.5.0 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-23
+Library: plotly 6.5.2 | Python 3.14.2
+Quality: /100 | Updated: 2026-02-11
 """
 
 import numpy as np
@@ -19,7 +19,7 @@
 weekly_pattern = 1000 * np.sin(np.arange(30) * 2 * np.pi / 7)
 noise = np.random.randn(30) * 500
 visitors = base + trend + weekly_pattern + noise
-visitors = np.maximum(visitors, 2000)  # Ensure no negative values
+visitors = np.maximum(visitors, 2000).astype(int)
 
 # Create figure
 fig = go.Figure()
@@ -30,13 +30,32 @@
         y=visitors,
         mode="lines",
         fill="tozeroy",
-        fillcolor="rgba(48, 105, 152, 0.4)",
-        line={"color": "#306998", "width": 3},
+        fillcolor="rgba(48, 105, 152, 0.35)",
+        line={"color": "#306998", "width": 3, "shape": "spline"},
         name="Daily Visitors",
+        hovertemplate="<b>%{x|%b %d, %Y}</b><br>Visitors: %{y:,}<extra></extra>",
     )
 )
 
-# Layout with proper sizing for 4800x2700 px
+# Annotate peak traffic day
+peak_idx = int(np.argmax(visitors))
+fig.add_annotation(
+    x=dates[peak_idx],
+    y=visitors[peak_idx],
+    text=f"Peak: {visitors[peak_idx]:,}",
+    showarrow=True,
+    arrowhead=2,
+    arrowsize=1.5,
+    ax=0,
+    ay=-40,
+    font={"size": 16, "color": "#306998"},
+    bordercolor="#306998",
+    borderwidth=1.5,
+    borderpad=4,
+    bgcolor="rgba(255, 255, 255, 0.85)",
+)
+
+# Layout
 fig.update_layout(
     title={
         "text": "Daily Website Visitors · area-basic · plotly · pyplots.ai",
@@ -45,26 +64,31 @@
         "xanchor": "center",
     },
     xaxis={
-        "title": {"text": "Date", "font": {"size": 22}},
+        "title": {"text": "Date (January 2024)", "font": {"size": 22}},
         "tickfont": {"size": 18},
         "showgrid": True,
         "gridwidth": 1,
-        "gridcolor": "rgba(0, 0, 0, 0.1)",
+        "gridcolor": "rgba(0, 0, 0, 0.15)",
+        "dtick": 7 * 24 * 60 * 60 * 1000,
+        "tickformat": "%b %d",
     },
     yaxis={
         "title": {"text": "Visitors (daily count)", "font": {"size": 22}},
         "tickfont": {"size": 18},
         "showgrid": True,
         "gridwidth": 1,
-        "gridcolor": "rgba(0, 0, 0, 0.1)",
+        "gridcolor": "rgba(0, 0, 0, 0.15)",
+        "tickformat": ",",
     },
     template="plotly_white",
     showlegend=False,
     margin={"l": 80, "r": 40, "t": 80, "b": 60},
+    hovermode="x unified",
 )
 
 # Save as PNG (4800x2700 px)
 fig.write_image("plot.png", width=1600, height=900, scale=3)
 
-# Save interactive HTML
+# Save interactive HTML with range slider for exploration
+fig.update_layout(xaxis_rangeslider_visible=True)
 fig.write_html("plot.html")

plots/area-basic/metadata/plotly.yaml

@@ -1,16 +1,16 @@
 library: plotly
 specification_id: area-basic
 created: '2025-12-23T00:46:42Z'
-updated: '2025-12-23T00:50:26Z'
-generated_by: claude-opus-4-5-20251101
+updated: '2026-02-11T22:20:05+00:00'
+generated_by: claude-opus-4-6
 workflow_run: 20447954578
 issue: 0
-python_version: 3.13.11
-library_version: 6.5.0
+python_version: 3.14.2
+library_version: 6.5.2
 preview_url: https://storage.googleapis.com/pyplots-images/plots/area-basic/plotly/plot.png
 preview_thumb: https://storage.googleapis.com/pyplots-images/plots/area-basic/plotly/plot_thumb.png
 preview_html: https://storage.googleapis.com/pyplots-images/plots/area-basic/plotly/plot.html
-quality_score: 92
+quality_score: null
 impl_tags:
   dependencies: []
   techniques: []