Skip to content

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

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions