Skip to content

[Phase 2] Gallery page and advanced demo features #98

@afucher

Description

@afucher

Create a gallery page showcasing all rendering modes and optional advanced demo features.

Deliverable

An optional but useful Gallery page showing all chart rendering modes side-by-side, plus enhanced demo interactivity.

Acceptance Criteria

  • src/pages/gallery.astro created with:

    • Basic radix chart demo
    • Radix with aspects
    • Transit over radix
    • Animated transit (with Play button)
    • Stroke-only mode demo
    • Custom colors demo (sign colors overridden)
    • Each demo is a <ChartDemo> component
    • Gallery is linked from navbar or sidebar
  • Optional: Settings playground (deferred if time-constrained):

    • Interactive color picker or text inputs for key settings
    • Chart re-renders as settings change
    • Shows how to customize settings in real time
  • Optional: Zero-result search tracking scaffolding:

    • Placeholder script in website/public/track-search.js
    • Documented but not active (will be enabled when analytics are added)
  • Gallery page is mobile-responsive

  • All demos load and run without errors

Related Plan Section

docs-plan.md §6 (Visual & Interactive Examples) — Gallery Page subsection

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions