📊 CSViewer

CSViewer is a lightweight web app designed to visualize CSV data quickly and clearly.
It comes with two modes:

1. Demo Mode — Explore built-in example datasets
2. Upload Mode — Import and view your own .csv files

---

📂 CSV Format

Uploaded files must follow this strict format:

Time (s)	Velocity (m/s)
0	0
1	3
2	7
3	12

• Only 2 columns are allowed:
  • First column = X-Axis
  • Second column = Y-Axis
• The header row (first row) will be used as the axis labels.
• CSV must be clean and comma-separated, with no extra columns or rows.

---

🚀 Features

• 📈 Dynamic graph rendering using your uploaded data
• 📂 Drag and drop or file picker CSV upload
• 📊 Interactive graphs (zoom, hover, tooltips)
• 🌙 Clean, minimal UI with dark mode support
• 🧪 Preloaded example datasets for quick testing

---

🧠 Tech Stack

• Framework: React / Vite
• Charting: Recharts
• Styling: TailwindCSS

---

📌 TODO

• CSV validation feedback
• Graph export (image/download)
• Mobile responsiveness polish
• Axis scale control / toggles

---

🧪 Try It Out

Check out the demo here
Or run locally:

git clone https://github.com/LunarBit-dev/CSViewer.git
cd CSViewer
npm install
npm run dev