matplotlib.yaml

library: matplotlib
specification_id: area-basic
created: '2025-12-23T00:46:12Z'
updated: '2026-02-11T22:26:09Z'
generated_by: claude-opus-4-6
workflow_run: 20447957143
issue: 0
python_version: 3.14.2
library_version: 3.10.8
preview_url: https://storage.googleapis.com/pyplots-images/plots/area-basic/matplotlib/plot.png
preview_thumb: https://storage.googleapis.com/pyplots-images/plots/area-basic/matplotlib/plot_thumb.png
preview_html: null
quality_score: 100
impl_tags:
  dependencies: []
  techniques:
  - annotations
  patterns:
  - data-generation
  - explicit-figure
  dataprep: []
  styling:
  - gradient-fill
  - custom-colormap
  - alpha-blending
  - grid-styling
review:
  strengths:
  - Gradient fill via imshow + PathPatch clipping is a sophisticated, visually striking
    technique that goes well beyond basic fill_between
  - Data generation is rich and realistic with upward trend, weekend dips, noise,
    and a viral spike — all telling a coherent story
  - The Viral post annotation with arrow adds narrative value and demonstrates matplotlib
    annotation capabilities
  - All text sizes follow the library guidelines exactly (24/20/16pt) ensuring perfect
    legibility at full resolution
  - Code is clean and well-structured with clear comments explaining each section
  weaknesses: []
  image_description: The plot displays a basic area chart titled "Website Traffic
    · area-basic · matplotlib · pyplots.ai". The X-axis is labeled "Day of Month"
    (1–30) and the Y-axis is labeled "Daily Visitors (count)" (0–~9000). The area
    beneath the line is filled with a vertical gradient transitioning from a light
    sky blue (#d6e6f5) at the bottom to a deep Python blue (#306998) at the top, achieved
    via an imshow layer clipped to the area polygon. A solid blue line (linewidth
    3) traces the upper boundary. The data shows an overall upward trend from ~3000
    to ~5000 visitors with periodic weekend dips and random noise. A dramatic spike
    on day 18 reaches ~8200 visitors, annotated with a bold "Viral post" label and
    an arrow pointing to the peak. The grid uses subtle dashed lines at alpha 0.3.
    The layout is well-balanced with tight_layout applied, and the plot fills the
    canvas effectively.
  criteria_checklist:
    visual_quality:
      score: 40
      max: 40
      items:
      - id: VQ-01
        name: Text Legibility
        score: 10
        max: 10
        passed: true
        comment: Title 24pt, labels 20pt, ticks 16pt — all perfectly readable at 4800x2700
      - id: VQ-02
        name: No Overlap
        score: 8
        max: 8
        passed: true
        comment: No overlapping text; annotation well-positioned away from other elements
      - id: VQ-03
        name: Element Visibility
        score: 8
        max: 8
        passed: true
        comment: Linewidth 3 is optimal for 30 data points; gradient fill is clearly
          visible
      - id: VQ-04
        name: Color Accessibility
        score: 5
        max: 5
        passed: true
        comment: Single-series using pyplots blue (#306998); no colorblind concerns
      - id: VQ-05
        name: Layout Balance
        score: 5
        max: 5
        passed: true
        comment: Plot fills canvas well with tight_layout; balanced margins
      - id: VQ-06
        name: Axis Labels
        score: 2
        max: 2
        passed: true
        comment: Day of Month and Daily Visitors (count) — descriptive with units
      - id: VQ-07
        name: Grid & Legend
        score: 2
        max: 2
        passed: true
        comment: Grid at alpha 0.3 dashed — subtle and helpful; no legend needed for
          single series
    spec_compliance:
      score: 25
      max: 25
      items:
      - id: SC-01
        name: Plot Type
        score: 8
        max: 8
        passed: true
        comment: Correct area chart with filled region below line
      - id: SC-02
        name: Data Mapping
        score: 5
        max: 5
        passed: true
        comment: X = continuous days, Y = numeric visitor magnitude
      - id: SC-03
        name: Required Features
        score: 5
        max: 5
        passed: true
        comment: Semi-transparent fill, gridlines, clear axis labels with units, gradient
          fill from bottom to line
      - id: SC-04
        name: Data Range
        score: 3
        max: 3
        passed: true
        comment: Y-axis starts at 0, x-axis spans full 1-30 range
      - id: SC-05
        name: Legend Accuracy
        score: 2
        max: 2
        passed: true
        comment: No legend needed for single-series area chart
      - id: SC-06
        name: Title Format
        score: 2
        max: 2
        passed: true
        comment: Website Traffic · area-basic · matplotlib · pyplots.ai matches required
          format
    data_quality:
      score: 20
      max: 20
      items:
      - id: DQ-01
        name: Feature Coverage
        score: 8
        max: 8
        passed: true
        comment: Shows upward trend, weekend dips, noise, and viral spike — demonstrates
          area chart strengths
      - id: DQ-02
        name: Realistic Context
        score: 7
        max: 7
        passed: true
        comment: Website traffic is a perfect neutral real-world scenario matching
          the spec example
      - id: DQ-03
        name: Appropriate Scale
        score: 5
        max: 5
        passed: true
        comment: 2000-8200 daily visitors with weekend dips is highly realistic
    code_quality:
      score: 10
      max: 10
      items:
      - id: CQ-01
        name: KISS Structure
        score: 3
        max: 3
        passed: true
        comment: Clean imports, data, plot, save flow with no functions/classes
      - id: CQ-02
        name: Reproducibility
        score: 3
        max: 3
        passed: true
        comment: np.random.seed(42) set at the start
      - id: CQ-03
        name: Clean Imports
        score: 2
        max: 2
        passed: true
        comment: All imports used (mcolors, plt, np, PathPatch, Path)
      - id: CQ-04
        name: No Deprecated API
        score: 1
        max: 1
        passed: true
        comment: No deprecated functions
      - id: CQ-05
        name: Output Correct
        score: 1
        max: 1
        passed: true
        comment: Saves as plot.png with dpi=300
    library_features:
      score: 5
      max: 5
      items:
      - id: LF-01
        name: Distinctive Features
        score: 5
        max: 5
        passed: true
        comment: Excellent use of imshow with PathPatch clipping for gradient fill,
          LinearSegmentedColormap, and Path construction
  verdict: APPROVED