📊 CSV Chart Viewer

A lightweight, fast, and interactive web tool for visualizing CSV, TXT, and DAT data files directly in the browser.

Built as a single-page application with no dependencies, it allows you to instantly load datasets and explore them with smooth zooming, navigation, and rendering modes.

---

🚀 Features

• 📂 Drag & drop file upload
• 📊 Automatic format detection
• 📈 Multiple chart modes:
  • Line
  • Fill
  • Dots
• 🎨 Color themes (Cyan / Magenta / Lime)
• ⚡ Data decimation for large datasets
• 🔍 Smooth zoom & pan (mouse + UI controls)
• 🧭 Mini navigator for X-axis control
• 📉 Statistics panel:
  • Min / Max
  • Average
  • Range
  • Total points
• 💡 Tooltip hover values
• 🔄 Reset & reload support

---

📁 Supported Formats

The app automatically detects data format:

Format A (X, Y pairs)

x,y 1,10 2,15 3,20

Format B (Sequence)

10;15;20;25;30 or 10 15 20

---

🧠 How It Works

• Parses input data automatically
• Converts values into internal { x, y } format
• Applies optional decimation for performance
• Renders data on a canvas using optimized drawing
• Provides real-time interaction (zoom, drag, hover)

---

🎮 Controls

• Mouse Wheel — Zoom X-axis
• Drag (Mouse Hold) — Move across X-axis
• Mini Navigator — Adjust visible range
• Sliders — Control window size and position
• Double Click — Reset zoom
• Hover — Show exact values

---

🛠 Tech Stack

• Vanilla JavaScript
• HTML5 Canvas
• Pure CSS (no frameworks)

---

⚡ Usage

1. Open index.html in your browser
2. Drag & drop a .csv, .txt, or .dat file
3. Explore your data instantly

---

📦 Deployment

This project is fully static and can be deployed anywhere:

• GitHub Pages
• Netlify
• Vercel
• Any static hosting

---

✨ Notes

• No backend required
• No external dependencies
• Works fully offline
• Optimized for large datasets