All charts are responsive and maintain aspect ratio
Custom tooltips formatted for currency display where applicable
Doughnut/pie charts show percentage distribution
Opportunity Trends chart shows count over time.
Bar charts used for comparisons and counts.
🎨 Design System
CSS variables for consistent theming
Color scheme: Primary (#4361ee), Secondary (#4cc9f0)
Responsive grid layout with CSS Grid & Flexbox
Mobile-first approach with media queries
🧮 Opportunities Data Computation Methods
Total Opportunities Created (YTD): COUNT(Opportunities created between Jan 1st and
today's date) = PLACEHOLDER, SUM(Value of these opportunities) = PLACEHOLDER
Active Opportunities (Last 24hrs): COUNT(Opportunities created between now and 24 hours
ago) = PLACEHOLDER, SUM(Value of these opportunities) = PLACEHOLDER
Closure Rate (Last 24hrs): (COUNT(Opportunities with status 'Closed Won' in last 24hrs)
/ COUNT(Total Opportunities in last 24hrs)) * 100 = PLACEHOLDER%,
Value: N/A (Rate)
Lost Opportunities (Last 24hrs): COUNT(Opportunities with status 'Lost' in last 24hrs)
= PLACEHOLDER, SUM(Value of these opportunities) = PLACEHOLDER
Won Opportunities (Last 24hrs): COUNT(Opportunities with status 'Closed Won' in last
24hrs) = PLACEHOLDER, SUM(Value of these opportunities) = PLACEHOLDER
Product Performance by Category: COUNT(Opportunities containing products in each
category).
Service Performance by Category: COUNT(Opportunities containing services in each
category).
Services vs Products Comparison: COUNT(Total Opportunities with at least one product)
vs COUNT(Total Opportunities with at least one service).
Top Performing Products: COUNT(Occurrences of each unique product name across all
opportunities).
Top Performing Services: COUNT(Occurrences of each unique service name across all
opportunities).
👥 Sales Person Analysis
Performance tracking by assigned sales representative
Opportunity count attribution to individual team members