Visualisation de Réseau de Neurones - Portfolio

Cette application web crée une visualisation interactive en 3D d'un réseau de neurones où chaque neurone représente un projet de votre portfolio. Lorsque vous cliquez sur un neurone, vous êtes redirigé vers la page correspondante du projet sur Notion.

Fonctionnalités

• Visualisation 3D immersive d'un réseau de neurones
• Navigation interactive (rotation, zoom, déplacement)
• Survol des neurones pour afficher les informations du projet
• Clic sur un neurone pour ouvrir le lien du projet
• 20 emplacements de projets prêts à être personnalisés

Comment utiliser

1. Ouvrez le fichier index.html dans votre navigateur web
2. Naviguez dans la visualisation 3D en utilisant votre souris :
   • Clic gauche + déplacement : rotation de la vue
   • Molette de la souris : zoom avant/arrière
   • Clic droit + déplacement : déplacement de la vue
3. Survolez un neurone pour voir les détails du projet
4. Cliquez sur un neurone pour ouvrir le lien du projet dans un nouvel onglet

Personnalisation

Ajouter ou modifier des projets

Pour ajouter ou modifier des projets, ouvrez le fichier projects.js et modifiez le tableau projects. Chaque projet est défini par un objet avec les propriétés suivantes :

{
    id: 1, // Identifiant unique du projet
    title: "Titre du projet", // Titre du projet
    description: "Description du projet", // Description du projet
    link: "https://lien-vers-votre-projet.com", // Lien vers le projet
    color: 0x4fc3f7 // Couleur du neurone (format hexadécimal)
}

Modifier l'apparence du réseau

Pour modifier l'apparence du réseau, ouvrez le fichier main.js et modifiez l'objet config au début du fichier. Vous pouvez ajuster les paramètres suivants :

• neuronRadius : Rayon des neurones
• neuronSegments : Nombre de segments des neurones (qualité)
• connectionRadius : Rayon des connexions
• networkSize : Taille globale du réseau
• networkHeight, networkWidth, networkDepth : Dimensions du réseau
• connectionProbability : Probabilité de connexion entre deux neurones
• neuronColors : Couleurs des neurones (défaut, survolé, sélectionné)
• rotationSpeed : Vitesse de rotation automatique du réseau

Modifier le style visuel

Pour modifier le style visuel de l'interface, ouvrez le fichier styles.css et ajustez les styles CSS selon vos préférences.

Technologies utilisées

• HTML5
• CSS3
• JavaScript
• Three.js (bibliothèque de graphiques 3D)