Delighted NPS Trend Chart

WHAT IT DOES

This userscript transforms your Delighted survey responses into an interactive NPS analytics dashboard. It reads response data from the page, extracts NPS scores (0-10) and timestamps, calculates the NPS score (percentage of promoters minus percentage of detractors), and displays a professional trend chart showing how your NPS evolves over time. The chart includes configurable date ranges (7, 30, or 90 days), optional trend line with direction indicator (up, down, or stable), and response volume bars that show survey volume alongside NPS. A comprehensive summary panel displays your current NPS with a color-coded performance indicator (Excellent, Good, Needs Work, or Poor), along with counts of promoters, passives, and detractors. This gives you instant visibility into customer sentiment trends, helping you track the impact of product changes, support improvements, or marketing campaigns on customer loyalty.

WHERE IT RUNS

The script runs on all Delighted web application pages at *.delighted.com/*, with automatic detection of survey response lists, the dashboard, and any page displaying NPS survey responses. It works across all Delighted interfaces by using multiple selector strategies to find response rows, NPS scores, and timestamps. The script detects dynamic content loading and re-renders the chart whenever the response list changes, including after filtering, sorting, or pagination. It runs across the entire Delighted domain, ensuring coverage whether you're viewing your main dashboard, a specific survey, or a filtered response view.

HOW TO USE

Install the script via the BotGentz extension and navigate to any Delighted response list or dashboard. The NPS trend chart panel will appear automatically, showing your NPS trend over time. The summary panel at the top displays your current NPS score, promoter/detractor/passive counts, and a performance indicator. Below this, the interactive chart shows NPS trends with configurable date ranges. Use the panel controls to customize your experience: choose your date range (7, 30, or 90 days), toggle the trend line on or off, show or hide response volume bars, or change the chart color. The chart updates automatically as you adjust settings. The "Refresh data" button manually re-scans the page for new responses, and the "Copy summary" button copies the NPS metrics to your clipboard for reporting.

THE MECHANISM - RESPONSE PARSING, NPS CALCULATION, AND CANVAS RENDERING

This script identifies survey responses by scanning the page for response rows using a cascading selector strategy. It looks for Delighted's specific elements including .response-row, .survey-response, .nps-score, .score, and data-test attributes. NPS scores are extracted from visible score elements, and timestamps are parsed from date elements, relative time strings ("2 days ago"), or data attributes. The script groups responses by date and calculates daily NPS scores, aggregating promoters (scores 9-10), passives (scores 7-8), and detractors (scores 0-6). The NPS is calculated as (promoters - detractors) / total responses × 100. The trend chart is rendered using the HTML5 Canvas API with anti-aliased lines, data point circles with glow effects, and optional trend line using linear regression. The chart includes grid lines, labels, and a zero baseline for reference. Response volume is shown as semi-transparent bars behind the trend line, scaled to fit the chart height.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the Delighted page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the chart emoji (📊), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes the summary metrics, chart, and all setting controls. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Delighted, with the chart updating automatically as you move between views.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Delighted users who need to track and analyze NPS trends over time. The script reads only visible response data from the DOM—it does not access Delighted's API, your account credentials, or any sensitive information. All settings (date range, toggle states, chart color, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Delighted data—it only reads and visualizes visible responses. The chart displays data from responses currently visible on the page; if the list is paginated, you may need to load more responses for a complete trend. If Delighted updates its website structure, the script may need to be updated to match new selectors. NPS calculations are based on the responses available on the current page and may not reflect your full NPS if the view is filtered or limited.