https://github.com/ashkan0201/pivot-table-sample

A fast, modern offline pivot table UI for large CSV files. Features include Plotly charts, dark/light mode, drill-down, state saving, and full client-side performance with no backend required.
https://github.com/ashkan0201/pivot-table-sample

500k-rows darkmode license lightmode mit pivot pivot-tables plotly save saver table

Last synced: 4 months ago
JSON representation

A fast, modern offline pivot table UI for large CSV files. Features include Plotly charts, dark/light mode, drill-down, state saving, and full client-side performance with no backend required.

• Host: GitHub
• URL: https://github.com/ashkan0201/pivot-table-sample
• Owner: ashkan0201
• License: mit
• Created: 2025-10-14T19:58:44.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-11-18T07:54:36.000Z (7 months ago)
• Last Synced: 2025-11-18T09:19:36.046Z (7 months ago)
• Topics: 500k-rows, darkmode, license, lightmode, mit, pivot, pivot-tables, plotly, save, saver, table
• Language: CSS
• Homepage:
• Size: 3.82 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ⚡ Modern Pivot Table UI

**A next-generation, offline CSV analytics experience — fast, elegant, and powerful.**

![Hero](PivotImagesProject/main.PNG)

> **No backend • 500K+ rows • Plotly Visuals • Dark/Light • Drill-down • State Save/Load**

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=for-the-badge)](LICENSE)

[![CSV Support](https://img.shields.io/badge/CSV-500K%2B_rows-00d26a?style=for-the-badge)](#)

[![Charts](https://img.shields.io/badge/Charts-Plotly_%7C_C3_%7C_D3-ff6a00?style=for-the-badge)](#)

[![Theme](https://img.shields.io/badge/Theme-Dark_/_Light-9c27b0?style=for-the-badge)](#)

---

## ✨ Features

- Ultra-fast pivot engine with **virtual scroll** (500K+ rows)

- Beautiful, interactive **Plotly.js** charts (Bar, Line, Heatmap, Treemap, 3D…)

- Smooth **Dark / Light** theme switching

- Save & restore pivot states instantly

- Export results to **CSV** or **Excel (XLSX)**

- Double-click cells → **Immediate drill-down**

- Full detail page with **DataTables** (search, sort, export)

- Pure client-side — **zero server required**

- Clean UI, fully responsive & mobile-friendly

---

## 📸 Screenshots

| Light Mode | Dark Mode |

|-----------|-----------|

| ![Light](PivotImagesProject/l_main_mode.PNG) | ![Dark](PivotImagesProject/d_main_mode.PNG) |

| Pivot | Chart |

|---------------|------------------|

| ![Chart](PivotImagesProject/table_pivot.PNG) | ![Modal](PivotImagesProject/chart_pivot.PNG) |

| Detail – Light | Detail – Dark |

|----------------|----------------|

| ![Detail Light](PivotImagesProject/table_main_l.PNG) | ![Detail Dark](PivotImagesProject/table_main_d.PNG) |

---

## 🚀 Quick Start

1. Open **`index.html`**

2. Upload your CSV file  

3. Drag & drop fields → Rows / Columns / Values  

4. Pick a chart renderer (Plotly recommended)  

5. Double-click any cell to **view details** or **export Excel**  

---

## 📂 Project Structure

```text

├── index.html          → Main pivot interface

├── detail.html         → Raw data drill-down view

├── css/                → Bootstrap + custom neon styles

├── js/                 → Pivot.js, Plotly, DataTables, XLSX, helpers

└── PivotImagesProject/        → UI & dashboard preview images

```

---

## 👤 Author

Ashkan Norouzi • © 2025

⭐ If this helped you, consider giving it a star!