SaaS Dashboard Analytics

FullstackData Viz

Conception et développement d'un dashboard analytique temps réel pour une startup SaaS B2B, avec visualisations interactives D3.js et architecture serverless.

SaaS Dashboard Analytics
Le défi

Centraliser les données dispersées

La startup disposait de données analytiques réparties sur plusieurs outils : Google Analytics, Mixpanel, un CRM interne et des exports CSV manuels.L'équipe passait plus de temps à agréger les données qu'à les analyser.L'objectif était clair : créer une source unique de vérité avec des visualisations temps réel, accessibles à toute l'équipe sans compétences techniques.

La solution

Architecture event-driven avec SvelteKit

J'ai conçu une architecture eventdriven où chaque source de données pousse ses événements vers un bus centralisé. SvelteKit gère le frontend avec du SSR pour le premier rendu, puis bascule en temps réel via WebSockets pour les mises à jour live.

export const load = async ({ locals }) => {
  const metrics = await db.query.metrics
    .findMany({ where: eq(userId, locals.user.id) });
  return { metrics, streamed: { live: getLiveData() } };
};
Les résultats

Des chiffres qui parlent

+240%

Taux de conversion

98

Score Lighthouse

<200ms

Temps de réponse API

Stack technique
Sveltekit
D3.js
Drizzle ORM
PostgreSQL
Vercel
Portfolio · © 2026 Anthony Helliet - Conçu avec SvelteKit & Tailwind