A live, shareable web dashboard showing registration statistics for Experts Live Netherlands 2026 to attract sponsors. Data refreshes hourly from the run.events API, aggregated with no PII exposed.
Live dashboard: stats.expertslive.nl
- Multilingual — NL/EN language picker with full Dutch and English translations, persisted in localStorage
- Live Registration Metrics — Total registrations, unique companies, countries, sponsors, speakers, and countdown to event, all with animated counters
- Two-Day Event Overview — Side-by-side view of Masterclass Day (June 1) and Conference Day (June 2) with capacity bars and masterclass topic listings
- Registration Momentum — Interactive line chart showing cumulative registrations over time with separate lines for session day, workshop day, and total, plus linear regression projection to event date and a toggleable 2025 reference curve aligned by days-before-event
- Audience Demographics — Role distribution doughnut chart (excluding "Other") and geographic reach bar chart with decision-maker and technical practitioner highlight cards
- Historical Growth — Bar chart spanning all editions from 2012 to 2026, with COVID years grayed out and year-over-year growth callouts
- Year-over-Year Comparison — Clean table comparing key metrics across 2023, 2024, 2025 (real data from API), and 2026 (live), including duration row
- Registration Pace vs 2025 — Inline callout comparing current registration count to where 2025 was at the same days-before-event point, with percentage ahead/behind
- Cost Per Decision-Maker — Sponsor-facing metric showing cost per decision-maker reached for Ultimate and Gold tiers, based on live audience profile
- Enterprise Delegations — Highlights the number of companies sending 6+ attendees, demonstrating enterprise team attendance
- Geographic Split — NL vs International percentage breakdown with international country count
- Sponsorship Packages — Tiered package cards (Ultimate, Gold, Track, Networking) with features, pricing, and dynamic sold/remaining progress bars with scarcity indicators
- Current Sponsor Logos — Auto-loaded from the event platform with grayscale-to-color hover effect
- Privacy-Safe — All data is aggregated server-side; no individual names, emails, or PII in the public JSON
- Hourly Auto-Refresh — Azure Function fetches and aggregates data every hour
- Static Export — Pre-rendered for fast loading, hosted on Azure Static Web Apps (free tier)
npm install
npm run devOpens at localhost:3000 with real data.
├── src/ # Next.js frontend
│ ├── app/ # App Router pages and layout
│ ├── components/ # UI components, sections, charts
│ ├── hooks/ # useStats, useAnimatedCounter, useInView
│ ├── lib/ # Types, constants, formatters, i18n
│ └── data/ # Historical data, packages, translations, 2025 stats, sample stats
├── api/ # Azure Function backend
│ └── src/
│ ├── functions/ # Timer trigger (hourly)
│ └── services/ # API client, aggregator, role classifier
├── scripts/ # Data extraction scripts (e.g., 2025 historical data)
├── infrastructure/ # Bicep template for Azure resources
├── .github/workflows/ # CI/CD pipeline
└── docs/ # Detailed documentation
- Architecture — System design, tech stack, data flow
- Data Model — JSON schema, ticket categorization, role classification
- Deployment — Azure setup, GitHub Actions, local development
- Roadmap — Planned improvements and future features
Next.js 15 | Tailwind CSS | Chart.js | Azure Functions | Azure Blob Storage | Azure Static Web Apps | Bicep | GitHub Actions