Giter VIP home page Giter VIP logo

Comments (8)

vutruong-quantic avatar vutruong-quantic commented on August 24, 2024

I have the same issue. Hope to have the fix soon.

from viz-js.

Hermann-SW avatar Hermann-SW commented on August 24, 2024

I can confirm that "splines=ortho" does not work:
https://stamm-wilbrandt.de/Viz.js/form10/?1439462733206#digraph%20Orthogonal%20%7B%0A%20%20layout%3Ddot%0A%20%20graph%20%5Blabel%3D%22Orthogonal%20edges%22%2C%20splines%3Dortho%2C%20nodesep%3D0.8%5D%0A%20%20node%20%5Bshape%3Dbox%5D%0A%20%20a-%3E%7Bb%20c%7D%0A%20%20b-%3E%7Bd%20e%7D%0A%20%20c-%3E%7Bf%20g%7D%0A%7D

According this thread support for ortho is in graphviz in all versions from September 28, 2010 and newer:
http://stackoverflow.com/questions/8939973/graphviz-library-rectangle-style-edges-instead-of-curves

Surprisingly Viz.js reports from itself in generated SVG output that it is based on later version:
<!-- Generated by graphviz version 2.28.0 (20110507.0327)
-->

So something is wrong with current Viz.js (that has the advantage of supporting 10 layout engines compared to "just dot" in previous Viz.js, see 1st link).

Hermann.

from viz-js.

mdaines avatar mdaines commented on August 24, 2024

The example in the Stack Overflow post now renders as expected.

from viz-js.

Hermann-SW avatar Hermann-SW commented on August 24, 2024

Thank you. I wanted to try but cannot get empscripten setup correctly. Is there a new compiled Viz.js somewhere available online?

Hermann.

from viz-js.

mdaines avatar mdaines commented on August 24, 2024

Compiled versions are published here: https://github.com/mdaines/viz.js/releases

from viz-js.

Hermann-SW avatar Hermann-SW commented on August 24, 2024

Thank you, I have 2 followup questions:

I took 1.0.1 viz.js and installed example.html on local webserver.
Accessing by "google-chrome example.html" or "firefox example.html" works perfectly.
But opening via "http://127.0.0.1/.../example.html" (the same file) does not (neither Chrome nor Firefox).
Error message is " Uncaught ReferenceError: Viz is not defined".
Did I do something wrong, or is shipped viz.js/example.html broken?

I can see that orthogonal really works.
Does 1.0.1 viz.js support more than "dot" layout engine as viz.js did previously?
Here is a working past example, you can select 10 engines and all work:
https://stamm-wilbrandt.de/Viz.js/form10/

from viz-js.

Hermann-SW avatar Hermann-SW commented on August 24, 2024

Sorry, (1) seems to be a problem with my local webserver, works on internet:
http://stamm-wilbrandt.de/Viz.js/1.0.1/

Question (2) is still open.

from viz-js.

mdaines avatar mdaines commented on August 24, 2024

I've tested these engines:

  • dot
  • neato
  • circo
  • twopi
  • fdp

I believe osage also works. sfdp is not supported at the moment because of the dependency on GTS.

from viz-js.

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.