Afficher mon graph Neo4j sur une page web et changer la forme des noeuds

[ahmed....@edu.itescia.fr]

Bonjour,

J'aimerais savoir si quelqu'un ici saurait comment visualiser mes nœuds neo4j sous une autre forme que de simple nœuds ( mettre des image ou icônes ) .

En  bref, j'aimerais pouvoir faire des requêtes sur une page web et que ça m'affiche mes nœuds ( sous forme d'icone ) sur cette page web et non plus sur le browser localhost .

Je cherche des tutos qui explique de zéro comment commencer avec d3js ou autre librairie javascript mais je ne trouve rien.

Merci de votre aide.

Cordialement,

Ahmed DAOUDI

[Benoît Simard]

Bonjour,

Vous pouvez regarder sigmajs comme librairie JS pour afficher un graph dans un navigateur.

De plus il y a exemple pour afficher des images : https://github.com/jacomyal/sigma.js/blob/master/examples/custom-node-renderer.html

Sincèrement.

[Sylvain Roussy]

Bonjour,

Pour compléter la réponse de benoît, vous pouvez télécharger l'exemple de mon livre à l'adresse http://www.d-booker.fr/neo4j-prise-en-main-2ed/326-prise-en-main.html rubrique "Compléments" puis cliquer sur "Consulter cet article", un zip sera téléchargé dans lequel se trouve "Annexe1/monsite" avec les scripts, et les pages html.

Ne pas oublier de désactiver l'authentification Neo4j pour que l'exemple fonctionne (dans un serveur Http of course).

Cet exemple est bâti sur :

-Sigma.js

- Angular js

[ahmed....@edu.itescia.fr]

Bonjour Sylvain Roussy,
 
Merci pour votre aide. J'essaye de me servir de vos fichiers mais j'ai un peu de mal à comprendre la logique, je ne vois pas comment connecter ma base neo4j à sigmaJS.


J'ai trouvé sur internet ce bout de code https://github.com/jacomyal/sigma.js/blob/master/examples/load-neo4j-cypher-query.html

J'aimerais savoir si quelqu'un arrive à le comprendre, est ce qu'il suffit de le mettre dans une page HTML ?

Comme vous l'aurais compris, j'essaye de visualiser mon graphe neo4j dans une page HTML tout en changer la forme des nœuds ( avoir des image à la place des ronds )

Cordialement,

Ahmed DAOUDI.

[Sylvain Roussy]

Bonjour,

Concernant mon bout de code : la connexion à Neo4j est assurée via le fichier services.js, mais évidemment, il vaut mieux connaître Angular.js pour comprendre l'ensemble.

D'une manière générale, en ce qui me concerne, je n'essaie jamais d'avoir des pages Html qui ne sont pas servies par un serveur Http (type nGinx ou apache).

Pour synthétiser le procédé (en dehors de mon exemle) :

- On utilise une requête Http depuis la page Web  pour attaquer Neo4j et récupérer les noeuds et relations qui nous intéressent.

- On transforme ces noeuds Neo4j en noeuds Sigma (si on utilise Sigma)

- On provoque un layout sur le conteneur visuel (Sigma ou autre).

Mieux vaut avoir des connaissances :

- de l'Api REST de Neo4j

- De Javascript

Concernant la Pull Request de Benoît, je ne l'ai pas testée, je ne saurais vous dire.