Giter Club home page Giter Club logo

directed-graph-creator's People

Contributors

cjrd avatar stuhlmueller avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

directed-graph-creator's Issues

Add labels to edges

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!

Loop support

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:

image

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.

Not able to change text of node in IE

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!

Selecting and Deleting 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.

Feature request: cycle with 2 nodes

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.

Works unreliably

Very rarely behaves in the manner expected.

  • Shift-clicking in an empty space often tries renaming some other node.
  • Shift-clicking on a node doesn't reliably start renaming that node.
  • Clicking on a node frequently fails to select it, so that pressing delete will do nothing (or delete a previously selected node).

Just about the only feature that works correctly is dragging to connect edges.

Frozen arrows in IE

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

Some problems with shift

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);

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.