Vue d'ensemble
AI Visualizer est une application web complète et prête pour la production qui démystifie les architectures de réseaux de neurones grâce à la visualisation 3D immersive et des expériences d'apprentissage interactives. Que vous soyez un étudiant découvrant les fondamentaux du Deep Learning ou un ingénieur explorant des conceptions d'architectures, cette plateforme offre un apprentissage visuel, une expérimentation interactive et une génération de code en temps réel.Fonctionnalités Clés
| Fonctionnalité | Description |
|---|---|
| Visualisation 3D | Rendu 3D interactif de réseaux de neurones avec contrôles d'orbite |
| Génération de Code en Direct | Code TensorFlow/Keras mis à jour en temps réel lors de la modification des réseaux |
| Constructeur d'Architecture | Gestion des couches par glisser-déposer avec ajustement des paramètres |
| Fondements Mathématiques | Formules rendues en LaTeX pour les activations, fonctions de perte et optimiseurs |
| Guide d'Architecture | Overlay interactif avec explications des couches et exemples en direct |
Architectures Supportées
- Perceptron - Classifieur linéaire mono-couche pour les portes AND/OR
- MLP - Réseau feedforward multi-couches pour le problème XOR
- CNN - Réseau de neurones convolutif pour la reconnaissance d'images
- RNN/LSTM - Architectures récurrentes pour le traitement de séquences
- Transformer - Architecture basée sur l'attention pour le NLP
- GAN - Réseau antagoniste génératif pour la génération d'images
- Autoencoder - Encodeur-décodeur pour la compression et le débruitage
Stack Technique
Frontend
- Next.js 14 - Framework React avec App Router et export statique
- TypeScript - Développement type-safe
- React Three Fiber - Graphisme 3D déclaratif
- Three.js + Drei - Moteur de rendu 3D et utilitaires
- Tailwind CSS - Styling utility-first
État & Animations
- Zustand - Gestion d'état légère
- Framer Motion - Animations d'interface fluides
- KaTeX - Composition typographique mathématique
DevOps
- GitHub Actions - CI/CD avec lint, vérification de types et build
- GitHub Pages - Hébergement de site statique
- ESLint - Vérification de la qualité du code
Fonctionnalités de Visualisation 3D
Rendu en Temps Réel
- Flux de données animé à travers les neurones avec effets de particules
- Visualisation des gradients pour la compréhension de la rétropropagation
- Mise à l'échelle et positionnement dynamiques des couches
- Couches codées par couleur (Input, Dense, Conv2D, LSTM, etc.)
Contrôles Interactifs
- Contrôles d'orbite pour une vue à 360 degrés
- Fonctionnalités de zoom et de déplacement
- Sélection de couche avec panneaux d'information détaillés
- Basculement mode clair/sombre
Contenu Éducatif
La plateforme inclut un contenu éducatif complet :- Explications couche par couche avec Entrée/Rôle/Sortie/Formule
- Démonstrations visuelles des frontières de décision AND/OR/XOR
- Animations pas à pas montrant la passe avant
- Explications du processus d'entraînement couvrant la passe avant, la rétropropagation et la boucle d'entraînement
Résumé des Technologies
| Catégorie | Technologies |
|---|---|
| Framework | Next.js 14, React 18, TypeScript 5.0 |
| Graphisme 3D | Three.js R164, React Three Fiber, Drei |
| Styling | Tailwind CSS 3.4, CSS Variables |
| État | Zustand 4.x |
| Mathématiques | KaTeX 0.16 |
| Animations | Framer Motion 11.x |
| CI/CD | GitHub Actions, GitHub Pages |