dreampuf / graphvizonline Goto Github PK

View Code? Open in Web Editor NEW

763.0 16.0 213.0 4.8 MB

Let's Graphviz it online

Home Page: https://dreampuf.github.io/GraphvizOnline/

License: BSD 3-Clause "New" or "Revised" License

JavaScript 82.31% HTML 17.69%

graphviz tool

graphvizonline's People

Contributors

Stargazers

Watchers

Forkers

alphonsetai haiyangxu kindy langzhaozhi boymaxzm foreverunforget qinshulei anderaujo lochaowei saaj bfloydd zetavg lsloan sloanlance treemantan huddy1985 nebulatech jeunder dyscribe sanjayar vskabelkin itspg b-vesco marszhuo ufo2mstar plasma-platform chirayukong philiptzou j00p34 phrz wjwang wangkun19930608 drandahl ogewan fireout mbrukman rahulgovind ljee-hash tracenow benizar sgmonda jamespfaulkner xe zerobias alecsavvy yossicohen maniaabdi shalevy1 robertbrook seastarmanager dabrain34 mnalmeida dfggen jungwonkim moneyhub leandroguedesdasilva ga68 defval yunfengsay gitty8 rafambbr jeremyc2 macasieb danielrh paperscz moneytech mikkeltandersen schneider-electric-itb-software odirus konard runemoro asoucase pennz pradyunsg moskirathe omiter hmottestad custode o-an-drew-o bailinsong liangchenye segunjosh yanzhaowu denim2x unicodingunicorn timabell lauradamacenoalmeida georgehicks csci3320 bhpayne md11235 n08lla mestachs curtcox orellanaluke siyabongaprospersithole aclk jhunter1 sha-shrestha bigg01

graphvizonline's Issues

Short links

Could you please make short links for the URL for the graphs? If someone wants to share a link to a graph they created with this, they would need a short link to use. The link for the default graph is longer than an entire IRC message. If someone creates a large graph with problems they want to share, where message lengths are finite, the current URLs won't work. Those URLs won't fit in a Twitter message where the problem is also spelled out, for example.

Open in new tab on chrome

Hi,

I really appreciate this great utility, and use it in my work.
Up until recently in Chrome I was able to right click on the SVG generated and 'Open in new tab'.
That capability has gone, presumably a change in Chrome, it would be great if you were able to find a way of re-enabling it.

best regards

Export as PDF

Hi, is it possible to export the graph as a PDF rather than a png?

I can help implement this if you point me the direction.

Presentation mode - Display only the rendered graph

It would be really nice if you where able to hide everything except the rendered graph, like a presentation mode and make that changeable via the query params.

My use case is that i want to publish graphs on our intranet and i don't want to have to export and upload an image every time i need to change them. It would be fantastic if i was able to create an iframe with a url to GraphvisOnline and set the url parameter to a url of my graph representation and then the iframe content will be only the final rendering of the graph

Let me know if you think this is a good idea, and I can see if I have the possibility to put some time into this and create a PR

Thanks for a very useful product

Import from Github gist

Option to set rendering engine?

The Viz library supports multiple rendering engines (circo, dot, fdp, neato, osage, twopi), but I'm unsure of how to specify which one to use with GraphvizOnline. I'm assuming that it defaults to "dot".

Is there a way to specify the rendering engine used?

Please add a license file to this repo

Thank you for making this project available! It's very helpful for quickly and interactively debugging Graphviz files.

I have a minor request about making the project license more explicit in the GitHub repo.

The README.md says:

Licence

BSD

but since there's no explicit LICENSE file in this repo, GitHub does not automatically mark it as BSD.

Also, there are multiple types of the BSD license, e.g.,

Could you please select the specific license and place a full copy of the license text into a LICENSE file in the repo? Thank you!

Interactive display

Hi,

I find this app to be extremely useful. Thanks for that!

I do wonder if there's a plan to support interactive display of small-to-medium graphs, as the default layout is frequently not that I prefer.

Thanks!
Steve

Maximum call stack size exceeded

My data volume is too large and an error is reported.Maximum call stack size exceeded，how to fix it

After loading, the editor window vanishes

So any idea why after 1-2 seconds, the editor window vanishes and gets replaced by the "Fork me on Github" link?

Enable resizing of panels?

Hi and thanks for this great graphviz viewer. I really like that I can share graphs by simply sharing a url.

The only thing I'm missing is that you cannot resize the panels; I would like to be able to shrink the textbox on the left (if not even hide it completely). Do you think that would be possible?

Share a graph

Happy using your service, have a feature request: a button to share a link to the graph. The button may store a text in the get parameter optionally followed by some URL shortener.

Option to download SVG?

Hey there,

I'd love to have the ability to download the generated files. I'm happy to make a PR if someone could point me in the right direction!

Specify the engine via the url

I generate graphs that should be rendered by neato. My current workflow is to generate the smart url corresponding to my graph and then clicking on the engine button to set neato. If once could specify the engine through the url directly, it would make my process faster.

Thanks for the useful work, by the way!

Related to http://viz-js.com ?

Hello. I can't help but notice the resemblance between https://dreampuf.github.io/GraphvizOnline and http://viz-js.com. Are the two projects related?

neato different output comparing graphvizonline to graphviz native

I'm probably doing something dumb, but I can't see it...

I expected that for same dot file, i'd get similar spaced graphs using online grapher to that of native grapher.

But I don't.

Same graphviz being used

GraphvizOnline: Generated by graphviz version 2.40.1 (20161225.0304)
graphviz native: Generated by graphviz version 2.40.1 (20161225.0304)

I can supply svg samples, but how would that help?

GraphvizOnline sample

Graphviz native sample

Source file

digraph "Type Approval Process"{
sep=0.3
overlap=false
S [shape=square, label="Supplier", style=filled, fillcolor=orange];
TfNSW [shape=square, label="TfNSW", style=filled, fillcolor=orange];
Project [shape=square, label="Project\nor\nagency", style=filled, fillcolor=orange];
AMB [shape=square, label="AMB", style=filled, fillcolor=orange];
AssStd [shape=oval, label="Assess\nstandard\ncompliance", style=filled, fillcolor=yellow];
AssSpec [shape=oval, label="Assess\nspecification\ncompliance", style=filled, fillcolor=yellow];
DevSpec [shape=oval, label="Develop\nspecification", style=filled, fillcolor=yellow];
PubSpec [shape=oval, label="Publish\nspecification", style=filled, fillcolor=yellow];
PubTA [shape=oval, label="Publish\ntype\napproval", style=filled, fillcolor=yellow];
ReqCon [shape=oval, label="Request\nconcession", style=filled, fillcolor=yellow];
STDs [shape=cylinder, label="TfNSW\nStandards", style=filled, fillcolor=cyan];
Spec [shape=cylinder, label="Project\nspecification", style=filled, fillcolor=cyan];
DraftSpec [shape=cylinder, label="Draft\nspecification", style=filled, fillcolor=cyan];
NCSpec [shape=cylinder, label="Non-compliant\nspecification", style=filled, fillcolor=cyan];
StdComply [shape=cylinder, label="Standard\ncompliance", style=filled, fillcolor=cyan];
TA [shape=cylinder, label="Type\napproved\nproduct", style=filled, fillcolor=cyan];
Notice [shape=cylinder, label="Concession\nnotice", style=filled, fillcolor=cyan];
RfC [shape=cylinder, label="Request for\nconcession", style=filled, fillcolor=cyan];
S -> AssStd [xlen=4, color=grey, fontcolor=grey, label="Product\nspec"];
AssStd -> StdComply [xlen=4, color=grey, fontcolor=grey];
StdComply -> AssSpec [xlen=4, color=grey, fontcolor=grey];
STDs -> AssStd [xlen=4, color=grey, fontcolor=grey];
AssSpec -> TA [xlen=4, color=grey, fontcolor=grey];
TA -> PubTA [xlen=4, color=grey, fontcolor=grey];
PubTA -> TfNSW [xlen=4, color=grey, fontcolor=grey, label="www"];
Project -> DevSpec [xlen=4, color=grey, fontcolor=grey];
DevSpec -> DraftSpec [xlen=4, color=grey, fontcolor=grey];
DraftSpec -> PubSpec [xlen=4, color=grey, fontcolor=grey];
PubSpec -> Spec [xlen=4, color=grey, fontcolor=grey];
Spec -> AssSpec [xlen=4, color=grey, fontcolor=grey];
STDs -> DevSpec [xlen=4, color=grey, fontcolor=grey];
DevSpec -> NCSpec [xlen=4, color=grey, fontcolor=grey];
NCSpec -> ReqCon [xlen=4, color=grey, fontcolor=grey];
ReqCon -> RfC [xlen=4, color=grey, fontcolor=grey];
RfC -> AMB [xlen=4, color=grey, fontcolor=grey];
AMB -> Notice [xlen=4, color=grey, fontcolor=grey];
Notice -> PubSpec [xlen=4, color=grey, fontcolor=grey];
}

Top & Bottom (portrait) display

I have a second monitor in vertical (portrait) orientation. Would it be possible to display the text editor on top and the graph below when the aspect ratio is portrait not landscape? This is not ideal:

Great app btw :)

syntax error on valid file

digraph G {

overlap=false

subgraph cluster_0 {
   color=blue;

   lic_backend
   suricata_backend
   users_backend
   uefi
}

uefi [label="UEFI\nИли\n/var/opt/rnd.dat"]
lic_backend [label="License backend"]
lic_srv [label="License server\n(Hetzner)"]
suricata_srv  [label="Сервер обновлений\nSuricata"]
uefi -> lic_backend [label=" HWID    "]
bro [label="WEB-интерфейс"]

suricata_backend -> lic_backend [label="Caps    \nusage    "]
users_backend -> lic_backend [label="Caps    \nusage    "]
lic_backend -> suricata_backend  [label="Allowed caps,    \nHWID    "]
lic_backend -> users_backend   [label="Allowed caps,    \nHWID    "]



lic_backend -> lic_srv [label="HW ident   "]
lic_srv -> lic_backend [label="Signed KEY   \n(JWT/JWS)   "]

suricata_backend -> suricata_srv  [label="HWID    "]
suricata_srv -> suricata_backend [label="Пак обновлений    "]

suricata_srv -> lic_srv  [label="HW ident   "]
lic_srv -> suricata_srv [label="Allowed/Denied   "]

lic_backend -> bro [label="Status   "]
bro -> lic_backend [label="* Обнови ключ   \n* Upload key    \n* Обратиться в ТП    "]


 crm -> lic_srv [label="Лицензии   "]
 crm -> portal [label="обмен   "]
 portal -> crm [label="обмен   "]
 
 
}

ACHTUNG! please note psvg -- it's not my node!

Feature request: zoom and pan

For large graphs, it would be really nice to be able to zoom and pan.

It looks like the svg-pan-zoom library could be useful, if this is a feature you think is worth adding.

support larger graphs

abort("Cannot enlarge memory arrays. Either (1) compile with -s TOTAL_MEMORY=X with X higher than the current value 16777216,
(2) compile with -s ALLOW_MEMORY_GROWTH=1 which allows increasing the size at runtime but prevents some optimizations,
(3) set Module.TOTAL_MEMORY to a higher value before the program runs,
or (4) if you want malloc to return NULL (0) instead of this abort, compile with -s ABORTING_MALLOC=0 ").
Build with -s ASSERTIONS=1 for more info.```

cluster is not displayed

digraph G {
    edge [comment="Wildcard node added automatic in EG."];
    node [comment="Wildcard node added automatic in EG."];
    subgraph "clucv_0" {
        label="asdf";
        edge [comment="Wildcard node added automatic in EG."];
        node [comment="Wildcard node added automatic in EG."];
        a;
    }
}

spec

subgraph : [ subgraph [ ID ] ] '{' stmt_list '}'
An ID is one of the following:
any double-quoted string ("...") possibly containing escaped quotes ('")

dreampuf / graphvizonline Goto Github PK

graphvizonline's People

Contributors

Stargazers

Watchers

Forkers

graphvizonline's Issues

Licence

Recommend Projects

Recommend Topics

Recommend Org