Tool
NPS Calculator
A lightweight, browser-based Net Promoter Score calculator that visualizes results with an animated SVG gauge — built with plain HTML, CSS, and JavaScript.
HTMLCSSJavaScript
July 19, 20231 WeekTeam of 1
About This Project
A standalone NPS (Net Promoter Score) calculator built to practice working with the DOM and SVG without relying on any framework. Users enter response counts across the Detractor (0–6), Passive (7–8), and Promoter (9–10) buckets, and the tool calculates the score instantly and animates a needle across a color-coded gauge.
- Instant NPS calculation from Detractor, Passive, and Promoter response counts
- Animated SVG gauge that updates live as input values change
- Color-coded score bands for negative, neutral, and positive ranges
- Built with plain HTML, CSS, and JavaScript — no framework or build step
- Fully responsive layout for mobile, tablet, and desktop
Project Info
- CategoryTool
- StartingJuly 19, 2023
- Duration1 Week
- ReleaseJuly 27, 2023
- Websitenps-calculator.netlify.app
Key Highlights
- NPS Score Visualization
- Fully Responsive