Quantickle - Visualisation de graphes réseau pour le renseignement sur les menaces
Un outil de visualisation de graphes réseau basé sur navigateur, construit sur Cytoscape.js. Quantickle permet de visualiser et d'analyser des données connectées de tout type, mais est orienté vers le renseignement sur les menaces.
Installation
Table des matières
Avertissement
Ce projet a été largement « vibecodé » (développé de manière informelle), alors prenez les précautions nécessaires. Le code a été relu par de vrais programmeurs, mais il n'est pas renforcé contre les vulnérabilités. Ne l'exposez pas à l'extérieur sans une revue de sécurité approfondie.
Aperçu
Quantickle est une boîte à outils interactive, orientée navigateur, pour construire et explorer des graphes réseau. Le front-end (Cytoscape.js + UI personnalisée) gère le rendu, l'édition et l'exécution des dispositions, tandis que le serveur Express léger sert l'interface, relaie les appels d'intégration et stocke optionnellement les graphes dans Neo4j. En d'autres termes, le navigateur détient l'état du graphe et la visualisation, tandis que le serveur existe pour fournir les ressources et les intégrations lorsque nécessaire.
✨ Fonctionnalités clés
- Aucun stockage côté serveur par défaut : Les graphes résident dans votre navigateur jusqu'à ce que vous les exportiez ou les synchronisiez via des intégrations.
- Plusieurs méthodes de saisie de données :
- Téléchargement de fichier CSV/liste d'arêtes
- Intégration API REST
- Saisie directe de données
- Haute performance :
- Rendu WebGL pour les grands graphes
- Chargement progressif
- Optimisation automatique des performances
- Visualisation flexible :
- Plus de 20 algorithmes de disposition
- Styles personnalisables pour les nœuds et les arêtes
- Champ d'information Markdown pour les nœuds
- Filtrage dynamique
- Les graphes sont conscients de la chronologie (dispositions temporelles, coloration par horodatage)
- Styles de courbes des arêtes :
- L'éditeur d'arêtes propose les options courbe (
bezier), droite, regroupée (unbundled-bezier), taxi et taxi arrondi.
- Cytoscape supporte également les styles de courbes
haystack et segments via un style personnalisé.
- Interface interactive :
- Contrôles de zoom/panoramique
- Glisser-déposer des nœuds
- Outils de sélection
- Fonction de recherche
- Le graphe ne bouge pas lorsque des nœuds individuels se déplacent
- Nœuds conteneurs pour regrouper des éléments connexes
- Ajouter des annotations et des images pour le contexte
- Toutes les surfaces peuvent avoir des icônes et arrière-plans personnalisables
- Graphes liables :
- Ajouter des nœuds de graphe pour créer un point de saut vers un autre graphe
- Le graphe cible affichera un bouton « Retour »
- Enchaîner les graphes dans des structures arborescentes et des tableaux de bord
Fonctionnalités et exemples
Voici quelques exemples de ce que Quantickle peut faire :
Personnalisez tout : Arrière-plans, icônes, annotations, types de nœuds et d'arêtes, ainsi que les domaines de recherche
Choisissez parmi plus de 20 algorithmes de disposition (ex. Klay vs Euler)
Enfermez une partie du graphe dans des nœuds conteneurs et appliquez un style et une disposition séparés
Horodatez vos nœuds pour créer des chronologies ou des graphes colorés par temps
Liez les graphes pour créer des tableaux de bord navigables et des connexions logiques
Enregistrez en JSON. Exportez en CSV, PDF, PNG ou HTML statique. Importez CSV, collez ou récupérez du contenu depuis les intégrations
Enregistrez optionnellement dans les bases de données Neo4j