📊 MaxDiff Analytics Dashboard (Razor View)

A data-rich MaxDiff (Maximum Difference Scaling) analytics dashboard view built for ASP.NET Core MVC. This interface processes preference data to highlight user priorities using multi-metric data cards, dual-axis analytical chart visualizations, and an interactive summary datagrid.

---

📸 UI Dashboard Preview

Below is a visual overview of the fully rendered MaxDiff Quick Summary dashboard, illustrating the layout distribution of filter controls, KPI metrics, analytic quadrants, and the data grid matrix:

---

🚀 Key Features

• ⚡ Global Filter Panel
  Inline parameter selection for dynamically filtering MaxDiff Questions, Versions, Target Groups, and Segments via server-side postbacks (UpdateSegment, ApplyFilter).
• 📈 KPI Summary Highlights
  Top-level metric cards summarizing critical dataset counters (Total Respondents, TG Group Counts, Total Attributes, and top-performing Best/Worst items) styled with modern left-accent borders.
• 📊 Dynamic Analytics Graphs
  Dedicated, responsive layout zones engineered for high-impact visualizations via Chart.js:
  • Top 5 Best Attributes: Clean horizontal bar charts tracking positive selection frequencies.
  • Top 5 Worst Attributes: Inverse horizontal bars highlighting negative choice indicators.
  • Net Score Analysis: Center-axis split chart displaying structural preference margins ($Best - Worst$).
  • Attributes Performance Summary: Four-quadrant matrix (scatter/bubble chart) maps tracking structural priority clusters.
• 📂 Overlaid Version Summary
  An integrated Bootstrap 5 modal designed to show comprehensive micro-version sample distribution breakdowns cleanly without breaking workflow context.
• ⚙️ Advanced Summary Grid Table
  A customized table framework designed to run DataTables seamlessly, featuring custom header injection overrides styled with a corporate SlateBlue design language.

---

🛠️ Tech Stack & Architecture

• Backend Framework: ASP.NET Core MVC (C#)
• View Engine: Razor Syntax (.cshtml)
• Styling Architecture: Bootstrap 5 (Utility-First) + Optimized Native CSS Overrides
• Data Deserialization: Newtonsoft.Json (JsonConvert.DeserializeObject)
• Icon Library: FontAwesome (fas)

---

📦 Data Context & View Models

Model Target

The page strongly binds to the following core data model structure:

@model Dashboard2026.Models.MaxDiff