=============================================================================
INVISIBLE PATIENT REPORT™ - SA Spine Demo Dashboard
P5 Marketing
=============================================================================

FILE: SA_Spine_Invisible_Patient_Report.html

OVERVIEW:
A professional, self-contained interactive HTML dashboard showcasing the
"Invisible Patient Report™" concept for P5 Marketing. This is a sales demo
dashboard using SA Spine (spine surgery practice) as the proof of concept.

KEY FEATURES:
✓ Fully self-contained HTML file (all styling & logic embedded)
✓ Professional P5 Marketing branding (Navy #1B3A5C, Teal #2E86AB)
✓ Responsive design for desktop, tablet, and mobile viewing
✓ Chart.js 4.5.1 integration for dynamic visualizations

DASHBOARD COMPONENTS:

1. HEADER
   - Title: "Invisible Patient Report™"
   - Subtitle: "SA Spine — Feb 19 – Mar 20, 2026"
   - P5 Marketing branding with website

2. KPI CARDS (4 Cards)
   - Total Identified Visitors: 3,380
   - HOT + High Intent: 715 (3 HOT + 712 High)
   - Repeat Visitors: 101
   - Avg. Intent Score: 23.0 (calculated from data)

3. FILTERS (3 Interactive Dropdowns)
   - Intent Tier: All, HOT, High, Medium, Low
   - Condition/Interest: 26 conditions/procedures populated from data
   - Traffic Source: 10 referrer sources populated from data
   All filters update KPIs, charts, and table in real-time

4. CHARTS (2x2 Grid, Chart.js)
   a) Visitors by Intent Tier (Doughnut)
      - HOT (red), High (orange), Medium (blue), Low (gray)
   
   b) Top 10 Conditions/Procedures Researched (Horizontal Bar)
      - Based on subcategory_counts from visitor data
   
   c) Traffic Sources (Doughnut)
      - Direct, Facebook, Google Search, Instagram, etc.
   
   d) Daily Visitor Trend (Line Chart)
      - 30-day trend from 2026-02-19 to 2026-03-20

5. PRIORITY PATIENT LIST (Sortable Table)
   - Shows top 100 filtered visitors
   - Columns (all sortable):
     • Intent Tier (colored badge)
     • Score
     • Name
     • City, State
     • Interests (comma-joined)
     • Visit Count
     • Last Visit
     • Source
   - Color-coded intent badges (HOT=red, High=orange, Medium=blue, Low=gray)

6. FOOTER
   - "Generated by P5 Marketing — P5Marketing.com | Data from VisitorID™ pixel"

DATA SOURCE:
The dashboard loads visitor data from: ../../../pixel_intelligence.json
(3,380 visitor records with detailed intent scoring and behavioral data)

EMBEDDED DATA:
- All summary statistics are embedded as JavaScript
- Full visitor records are loaded dynamically from the JSON file
- If JSON file cannot be accessed, the dashboard shows summary statistics only

FUNCTIONALITY:
✓ Dynamic filtering by Intent Tier, Condition, and Traffic Source
✓ Real-time KPI recalculation based on selected filters
✓ Chart updates reflecting filtered data
✓ Table sorting (click column headers to sort ascending/descending)
✓ Fully responsive layout (mobile-optimized)
✓ Professional styling with smooth transitions and hover effects

BROWSER COMPATIBILITY:
✓ Modern browsers (Chrome, Firefox, Safari, Edge)
✓ Requires JavaScript enabled
✓ Requires Chart.js 4.5.1 from CDN

USAGE:
1. Open the HTML file in a modern web browser
2. Use dropdown filters to segment the visitor data
3. Click on column headers in the table to sort by that column
4. Charts update automatically as filters are applied
5. Scroll down to view the priority patient list

FILES INCLUDED:
- SA_Spine_Invisible_Patient_Report.html (this dashboard)
- pixel_intelligence.json (source data file, 3,380 visitor records)

Created: March 20, 2026
For: P5 Marketing Sales Demo
Client: SA Spine (Spine Surgery Practice)
=============================================================================