cjrd / directed-graph-creator Goto Github PK
View Code? Open in Web Editor NEWInteractive tool for creating directed graphs
Interactive tool for creating directed graphs
Not an issue, but an enhancement?
How can I add labels to the edges so that they are more descriptive in the relation between nodes? Can anyone please direct me in the right direction?
Thank You!
Some of my graphs have loops.
With this tool, I cannot make a loop visually. It does support loops in an input json file, but the visualization is just a single arrow pointing at the node:
It would be great if I could add loops visually and have a nicer-looking representation, like this:
I feel like it should be pretty straightforward to do that, so I'll go ahead and give it a shot.
I follow the error to :
/* select all text in element: taken from http://stackoverflow.com/questions/6139107/programatically-select-text-in-a-contenteditable-html-element */
GraphCreator.prototype.selectElementContents = function(el) {
var range = document.createRange();
range.selectNodeContents(el);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
};
sel.addRange gives unspecified error.
Have you noticed this? do you have any idea of what can be the issue?
Thanks!
doesn't support bidirectional links between nodes
Cannot select a node on first click after creating a link(path). Create two nodes add a link and on the first click after selecting nodes I cannot select a node. This happens everytime after creating a new link.
This tool is great, thanks!
One thing is missing, which could be a huge asset: the ability to create a cycle using only 2 nodes. In other words, bidirectional edges. This is currently impossible.
webkit bug: https://bugs.webkit.org/show_bug.cgi?id=114745
Chrome bug report: https://code.google.com/p/chromium/issues/detail?id=233139
Very rarely behaves in the manner expected.
Just about the only feature that works correctly is dragging to connect edges.
Hi! I see that in IE once you have created the arrows, if you move any node the arrows stays at the original position, but if you inspect the html you have the correct translations, but it does not move in the graph
The hosted demo at http://bl.ocks.org/cjrd/6863459 doesn't allow me to upload a previously downloaded graph in Chrome 39 on Windows 8.
It works fine in Firefox.
Hi,
Can you update to d3 version 4?
Thanks.
When you still hold shift after making new node and try to make new edge it will also make new node. Just try to make something holding shift. I think that problem in incorrect resetting in graph-creator.js
GraphCreator.prototype.circleMouseUp = function(d3node, d){
...
// reset the states
state.shiftNodeDrag = false;
d3node.classed(consts.connectClass, false);
Fixed problem for me:
// mouseup on nodes
GraphCreator.prototype.circleMouseUp = function(d3node, d){
...
// reset the states
state.shiftNodeDrag = d3.event.shiftKey;
d3node.classed(consts.connectClass, false);
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.