Class Performance Dashboard | Student Grade Analytics Tool | Teacher HTML Dashboard | Dark & Light Mode | Instant Download

**🎓 Class Performance Dashboard — See Your Whole Class at a Glance**

Turn a spreadsheet full of grades into a real analytics dashboard: class average, grade distribution, pass/fail by category, honor roll and at-risk counts — all in one screen, no formulas to read, no scrolling through 30 rows to find who needs help.

---

**✨ WHAT YOU GET**

✅ 6 demo students pre-loaded — see it working the second you open it
✅ One-click import from your Gradebook spreadsheet (CSV)
✅ Blank Excel import template included — no Gradebook product required to get started
✅ Live KPI cards: Total Students, Class Average, Honor Roll, At Risk
✅ Homework / Quizzes / Tests average cards
✅ Grade Distribution chart (A–F, at a glance)
✅ Pass/Fail by Category chart, with a "not entered" state so half-graded classes still look right
✅ Sortable, searchable student table — click any cell to edit
✅ Per-student Notes field for anything the gradebook doesn't capture
✅ Beautiful dark mode dashboard (+ light mode toggle)
✅ Backup/Restore so you can move your data to another computer or browser
✅ Works in any modern browser — no installation, no account
✅ 100% private — your students' data never leaves your device

---

**📦 FILES INCLUDED**

• ClassPerformanceDashboard.html — main dashboard (open in any browser)
• ImportTemplate.xlsx — blank starter spreadsheet (works even if you don't own our Gradebook) — fill in students, get an auto-calculated Final Grade % and Letter, export as CSV
• Instructions.html — full user guide, including browser compatibility notes

---

**🚀 HOW IT WORKS**

1. Download and open the HTML file in Chrome, Firefox, Edge, or Safari
2. 6 demo students are pre-loaded so you see every card and chart working immediately
3. Click "↺ Clear All", then export the "Gradebook" tab of your gradebook spreadsheet as CSV
4. Click "Import Gradebook CSV" and pick that file
5. Your dashboard populates instantly — KPIs, charts, and a full student table
6. Edit any cell directly, add notes, or add students manually — everything saves automatically

---

**📊 KEY FEATURES**

• Reads column headers by name, not position — tolerant of extra columns
• Grade Distribution and Pass/Fail charts recalculate live as you edit
• Click-to-edit table with inline Letter-grade override and free-text Notes
• Backup button exports your full dashboard state (including manual edits) as a portable file
• Designed to pair with our Teacher Gradebook (Google Sheets) product, but works with any CSV that has a Student Name column

---

**🔒 100% PRIVATE & OFFLINE**

All data is stored locally in your browser. Nothing is sent to any server — no student data touches a third-party service. Works fully offline after first load.

---

**❓ FAQ**

Q: Do I need internet to use it?
A: Only to load the font on first open. After that — fully offline.

Q: Does it work on Mac?
A: Yes! Works on any device with Chrome, Firefox, Edge, or Safari.

Q: Can I use it without the Gradebook spreadsheet?
A: Yes — this listing includes a blank ImportTemplate.xlsx with auto-calculated grades, ready to fill in and export as CSV. Any CSV with at least a "Student Name" column works, or add students manually with the + Add Student button.

Q: What happens if I open it on a different computer?
A: Each browser/device keeps its own local data. Use the Backup button to export a file and Restore Backup to load it on the new device — takes under a minute.

Q: Is there a limit on students?
A: No — add as many as your class needs.

Q: Will my data be lost if I close the browser?
A: No — everything saves automatically to your browser's local storage as you type. Still, back up regularly (see Instructions) in case you clear your browser data or switch devices.

---

**⭐ PLEASE LEAVE A REVIEW**
Your review helps other teachers spend less time digging through spreadsheets. Thank you! 🙏

---

*Instant digital download — no physical product shipped.*