GithubHelp home page GithubHelp logo

opacity:0 about dagre-d3 HOT 5 CLOSED

dagrejs avatar dagrejs commented on June 10, 2024
opacity:0

from dagre-d3.

Comments (5)

philfreo avatar philfreo commented on June 10, 2024

screenshot 2014-05-02 09 50 02

Adding the following CSS makes the graph show, but I'm not sure why it's necessary.

svg g, svg path { opacity: 1 !important; }

from dagre-d3.

cpettitt avatar cpettitt commented on June 10, 2024

Can you post the modified code? Are you seeing the same problem with the regular interactive-demo? If so, any errors in the console?

from dagre-d3.

philfreo avatar philfreo commented on June 10, 2024

I wasn't getting any errors in console, but I actually can't reproduce this issue anymore, sorry for the unnecessary ticket.

Off topic and not sure if it's in the scope of dagre/dagre-d3 or not, but would it make sense to have a new layout type in dagre (instead of left->right or top->bottom) that's more of a force-directed graph? In graphviz, something like layout: sfdp. Or a layout using d3's built in force layout like http://bl.ocks.org/mbostock/4062045

from dagre-d3.

cpettitt avatar cpettitt commented on June 10, 2024

The d3 folks have done a really good job with force-directed graphs and I can't see myself doing it any better. I could see adding a helper somewhere to convert a graphlib graph into something compatible with d3, but I think the amount of code would turn out to be pretty small.

from dagre-d3.

philfreo avatar philfreo commented on June 10, 2024

Ya that makes sense - I first discovered your library and loved how simple it was to make a good looking directed graph with labels on the nodes and on the edges. I saw the bl.ocks link above but (am new to d3) haven't seen a similar example with rectangular nodes, node/edge labels, etc.

from dagre-d3.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.