03 / ML Engineering

[∇]LINIA

Je développe un éditeur React / Remotion pour composer, prévisualiser et exporter des animations Math / ML à partir de primitives réutilisables.

Éditeur et rendu vidéoReact × Remotion
STACKReact / TypeScript / Remotion / Math / ML
L’éditeur LINIA avec une scène de multiplication matricielle et sa timeline

LINIA / EXPLORER

Gradient et projection : deux démos interactives.

Ces démos réutilisent les primitives LINIA. Modifiez le point, la direction ou la projection pour observer leur effet sur la géométrie.

Gradient et direction

Déplacez le point, puis tournez la direction orange. La dérivée directionnelle mesure la variation dans cette direction.

∇f = (0.50, 1.50)
Dᵤf = 0.50

De trois dimensions à un plan

Projetez les points sur le plan (x, y). Les guides montrent ce qui est perdu sur le troisième axe.

Données synthétiques déterministes. Projection géométrique sur un plan fixe, sans calcul de PCA.

01

Le problème

Une animation technique demande souvent de reconstruire les mêmes objets : axes, points, neurones, relations et transitions. Le travail répétitif ralentit la création et disperse les choix visuels. LINIA transforme ces besoins récurrents en primitives et en outils de composition.

02

Mon rôle

Je conçois et développe les primitives, leurs paramètres, l’éditeur visuel et la composition des scènes. Je définis aussi les règles de couleurs, de typographie et de mouvement communes aux animations.

03

Contraintes

  • Garder les représentations géométriques lisibles et fidèles au concept.
  • Réutiliser les primitives dans plusieurs scènes et formats.
  • Piloter le mouvement par les frames pour des rendus reproductibles.
  • Maintenir une cohérence visuelle entre les contenus.

04

Architecture & pipeline

Bibliothèque de primitives mathématiques de LINIA
Des objets composables pour les mathématiques : repères, projections, fonctions et matrices.
  1. Définir des paramètres et des styles communs aux primitives : axes, fonctions, matrices, neurones et relations.
  2. Composer les primitives React dans les scènes de l’éditeur et organiser leurs animations sur une timeline.
  3. Calculer les transformations à partir de la frame courante avec Remotion.
  4. Prévisualiser les scènes et produire les rendus vidéo à partir de la même composition.

05

Choix & itérations

React et TypeScript définissent les paramètres de chaque primitive et permettent de réutiliser les composants entre scènes.

Remotion calcule l’état de la scène à chaque frame ; la prévisualisation et le rendu vidéo reposent sur la même composition.

Les styles partagés évitent de redéfinir les couleurs et la typographie à chaque animation.

L’éditeur expose les paramètres et la timeline pour composer les scènes sans écrire chaque animation à la main.

06

Résultats & limites

Un éditeur visuel, une timeline et une bibliothèque de primitives pour composer, prévisualiser et rendre des animations Math / ML.

Des visualisations de gradients, de neurones, d’embeddings, d’attention et d’architectures séquentielles réutilisent cette base.

La prise en main s’appuie sur des tutoriels ; l’installation et les exemples doivent encore être préparés pour une utilisation hors de mon environnement.

07

Prochaines itérations

Préparer la publication open source : installation, documentation, exemples reproductibles et licence. Étendre les primitives aux articles techniques interactifs, en conservant un texte lisible indépendamment des interactions.

08

En images

Parcours de prise en main et tutoriels LINIA
Un parcours guidé pour passer d’une première scène à des animations et des données reliées.

Autres projets

Disponible pour missions freelance

Un prototype ML à fiabiliser ?

Décrivez les erreurs observées, les données disponibles et vos contraintes de déploiement. Nous définirons les prochaines étapes et les résultats à mesurer.

Contactez-moiSaint-Étienne · Lyon · Remote · Disponible en freelance · sur devis