Cytoscape.js

Route : /tools/cytoscape Accès : Authentifié Fichier source : src/pages/tools/CytoscapePage.vue

Description

Outil de génération de graphes et réseaux interactifs assistée par l’IA. L’utilisateur décrit le graphe en langage naturel (éventuellement avec une image de référence) et l’IA produit la configuration Cytoscape.js rendue dans un canvas interactif.

Actions disponibles

  • Décrire le graphe ou réseau souhaité en langage naturel
  • Joindre une image de référence (optionnel) pour guider la génération
  • Générer le graphe via l’IA
  • Interagir avec le canvas (zoom, pan, déplacement des nœuds)
  • Randomiser la disposition des nœuds
  • Télécharger le graphe en PNG

Appels API

Méthode Endpoint Description
POST /tools/cytoscape Génère la configuration Cytoscape

Payload

{
  description: string,
  image?: File   // optionnel (multipart/form-data)
}

Notes techniques

  • Utilise la bibliothèque cytoscape (npm)
  • La configuration générée définit les nœuds, arêtes, labels et styles
  • L’export PNG utilise canvas.toDataURL() de Cytoscape

← GeoGebra IA | → Matter.js