Skip to content

ayub-a/interactive-line-chart

Repository files navigation

A/B Test Statistics Chart 📈

📄 Feature Overview:

  • Interactive chart for visualizing A/B test results over time
  • Adaptive axes: X and Y scales automatically adjust based on selected variations
  • Line style options: Line, Smooth, Area
  • Multi-variation support: toggle any combination of A/B/C… variations
  • Responsive layout for screens between 671 px and 1300 px
  • Export to PNG option for reports and presentations
  • Smooth hover experience with vertical guide line and daily data popup
  • Pinned tooltips: click any data point to lock the tooltip and inspect details (WIP)

⚙️ Tech Stack:

  • React + TypeScript + Vite
  • Charting library: Recharts
  • CSS Modules for component styling

⭐️ Features:

  • Line style selector: Line, Smooth, Area
  • Light / Dark theme toggle
  • Export chart to PNG with options

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

About

Interactive Line Chart to visualize A/B test statistics. | React + Ts, Recharts, html2canvas, Floating UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages