Dirigé graphe acyclique dans d3.js

Est-il un moyen fiable de dessin dirigés acycliques graphiques D3.js aujourd'hui? Je suis en train de visualiser les conditions préalables à un programme d'études, similaire à ce.

J'ai vu certains anciens des réponses à des questions similaires avec les plus prometteuses étant ce hack, mais il ne fonctionne pas de manière fiable bien avec de plus grandes et plus complexes.

Est-ce simplement un cas rare d'une visualisation que D3 n'est pas l'idéal pour?

  • Il n'y a pas de mise en page en D3 pour ce faire, si c'est ce que tu veux dire.
InformationsquelleAutor Chris Fritz | 2014-10-29
  1. 17

    Vous pouvez avoir un essai pour dagre, une bibliothèque JS pour DAG graphiques.

    Si vous souhaitez utiliser d3 pour quelque raison que ce soit, avoir un regard sur dagre-d3

    Pour un plus haut niveau de l'approche à avoir un regard à ce projet à l'aide de toutes les libs ci-dessus.

    Si d3 n'est pas obligatoire ont également un oeil les autres graphiques de la bibliothèque. 😉

    Mise à jour pour le mois de septembre 2018

    Il y a une nouvelle bibliothèque , appelé d3-dag

    • Je n'ai vu dagre, mais D3 est utilisé ailleurs dans le projet et j'ai beaucoup de profiter de la puissance qu'il apporte, donc j'essaye d'éviter d'ajouter encore une autre bibliothèque de visualisation, sauf si absolument nécessaire. Le fait que dagre-d3 est plus grand que tout le d3 de la bibliothèque ne fait pas de moi super heureux.
    • Je vois. dagre-d3 comprend également lo-dash alors peut-être que c'est à cause de la taille. dagre elle-même fonctionne comme module de disposition et vous pourriez trouver votre manière de l'utiliser avec d3 - c'est le meilleur de l'open source hiérarchique/dag mise en page là à mon humble avis.
    • dagre semble abandonné This project is not being actively developed or maintained. Dagre est aussi construire avec d3 v3. Est-il d3 v4 alternative arouns?
    • J'ai mis à jour la réponse. TBH je pense qu'il vaut encore la peine à l'aide de dagre-d3 fourche et à l'aide de la version la plus récente de d3.
    • href="https://github.com/dagrejs/dagre" >dagre est à nouveau opérationnel, et prend désormais en charge d3 v4/v5
    InformationsquelleAutor MarcoL
  2. 3

    Façon tardive, mais peut-être pertinents à d'autres personnes à la recherche pour obtenir des informations similaires...

    Elkjs supporte les couches de la présentation graphique et semble être encore activement maintenu à cette époque.

    Certains ont proposé d'options de mise en page basée sur l'OP de cas d'utilisation...

    layoutOptions: {
        'org.eclipse.elk.algorithm': 'layered',
        'org.eclipse.elk.direction' : 'DOWN',
        'org.eclipse.elk.edgeRouting': 'SPLINES',
        'org.eclipse.elk.layered.edgeRouting.sloppySplineRouting': false,
        'org.eclipse.elk.layered.layering.strategy': 'INTERACTIVE' }

    Ces options peuvent être collées dans cet éditeur interactif de voir comment la mise en page est affecté.

    • Gros problème de elkjs est que c'est à l'aide de sprotty au lieu de d3 et il n'est pas simple exemple de "copier-coller ce à essayer dans votre environnement". Mais j'ai utilisé prédécesseur de elkjs - klayjs et il fonctionne très bien. Il est simple à l'exemple et qu'il a klayjs-d3 pont.
    • elkjs utilise ni sprotty ni D3. C'est juste une mise en page de la bibliothèque. Vous avez-vous de prendre soin de l'rendu vous-même en choisissant une déchirante de la bibliothèque (par exemple, sprotty, D3, etc.)
    InformationsquelleAutor DanM