Implementation of SolidStart UX Speed Calculator (Levels 1-7)

[sergeychernyshev]

This pull request introduces the full implementation of the UX Speed Calculator using SolidStart, covering all 7 planned levels of business and performance modeling.

Key Changes:

• Reactive Data Model: Centralized store in src/lib/store.ts using Solid's createStore.
• Ported Distribution Logic: Migrated complex lognormal distribution and conversion/bounce logic to src/lib/distribution.ts.
• Level Implementations:
  • Level 1: Core business formula (M \times 4% \times $25$).
  • Level 2: Comparison of Fast vs Slow site performance.
  • Level 3: LCP P75 metric with Core Web Vitals thresholds.
  • Level 4: Visualization of P50, P75, P90, and P95 percentiles.
  • Level 5: Performance roadmap chart for LCP P75.
  • Level 6: Stacked area distribution chart.
  • Level 7: Detailed baseline vs target distribution comparison.
• Enhanced UI/UX:
  • Background Three.js 3D Scene for visual context.
  • SVG-based interactive charts for all performance levels.
  • Responsive navigation and consistent layout across levels.

Verification:

• All levels have been implemented and verified locally for reactive behavior and calculation correctness.
• The 3D scene correctly reflects population distribution in real-time.

✨🤖✨ AI-assisted with Gemini

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	ux-speed-calculator	b04c5b8	Commit Preview URL Branch Preview URL	Mar 27 2026, 08:01 PM