Communauté libre — v4 test

Constellation des savoirs v4 Svelte

Même page que v3 JS : comment les disciplines se connectent entre elles, du programme de lycée jusqu'aux écoles doctorales. Bascule entre les modes, zoome, clique — mais cette fois rendu Svelte 5 optimisé ($state.raw 17k nœuds sans proxy, $derived.by, VirtualList).

Compare : v3 vanilla D3 (274KB) vs v4 Svelte 5 — même menu, même organisation (toolbar, filtres, search, viz shell, panel).

Initialisation de la constellation…
0 nœuds · 0 liens visibles

Différences v3 → v4 (à comparer)

  • JS v3 : 95 scripts vanilla, D3 force sur main thread, 17k nœuds en SVG/Canvas, `client:visible` bloqué → `Initialisation…`
  • Svelte v4 : 1 island `client:load`, `$state.raw` (pas de proxy 17k), `$derived.by` 12ms, `VirtualList` 480px, WebGL-ready (Sigma), Worker-ready, même toolbar/filtres/search/viz shell
  • Même menu `site-nav.js` (original, pas Hubs), même breadcrumb/exp-nav/hero — seul le moteur de rendu change

Ouvrir v3 JS Rester sur v4 Svelte

Appuyez sur Échap pour fermer.

Confort Cognitif

Apparence
Lecture
Comportement