csacademy's blog

Online graph editor tool — csacademy.com
By csacademy, 8 years ago, In English

Hello, Codeforces!

We have recently launched a graph editor tool. Feel free to use it whenever you want to visualise or create a medium size graph. It currently supports up to 30 nodes.

For any feedback, leave your comments here :).

  • Vote: I like it
  • +272
  • Vote: I do not like it

Comments Comments (15)
| Write comment?
»
8 years ago, # |
  Vote: I like it +16 Vote: I do not like it

Cool!

The animation of gravitational pull is awesome. Looks like it doesn't work when you place new node in draw mode (bug or feature?)

Similar tool: http://codeforces.net/blog/entry/21750

→ Reply
  • »
    »
    8 years ago, # ^ |
      Vote: I like it +32 Vote: I do not like it

    In draw mode the gravitation pull stops in order to allow users to easily add new edges. The same goes for edit and delete, it's intended behaviour.

    → Reply
»
8 years ago, # |
  Vote: I like it +39 Vote: I do not like it

Great Tool. Hope to see supporting of loops too.

→ Reply
  • »
    »
    8 years ago, # ^ |
      Vote: I like it +34 Vote: I do not like it

    Yeah, loops and multiple edges are a bit of a hassle. For now you can add multiple edges though, and use articulation points to drag them around in order to avoid overlapping.

    → Reply
»
8 years ago, # |
  Vote: I like it +30 Vote: I do not like it

Awesome! It would be also good, if it was able to draw rooted tree, like that:

and that:

→ Reply
  • »
    »
    8 years ago, # ^ |
      Vote: I like it +3 Vote: I do not like it

    Great idea, we'll add it on the TODO list.

    → Reply
»
8 years ago, # |
  Vote: I like it +5 Vote: I do not like it

Just used your tool while solving a problem. It's awesome how it understands graph's structure without anything except copy-pasting from my side! Force mode is also cool for visualization but it has a drawback: nodes might start moving after you think they've settled down.

Feature request: ability to "freeze" the graph (one check-box?), so that one can place the nodes in the most convenient way, fix their positions and analyze the graph without distraction coming from these random movements.

→ Reply
  • »
    »
    8 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Yes, it's a really cool feature that needs to be added. Unfortunately though, the graph editor tool is now low on our list, but we'll make sure to add this feature when we get back to it.

    → Reply
    • »
      »
      »
      8 years ago, # ^ |
        Vote: I like it 0 Vote: I do not like it

      Thanks!

      Also some more feedback: the text on the instructions how to interact with edge is a little bit misleading. Before I tried it I interpreted Articulation point as Cut point (as they are used interchangeably).

      → Reply
»
8 years ago, # |
  Vote: I like it 0 Vote: I do not like it

This is awesome! I love graph problems and this is going to make it even more fun. Thank you csacademy!

→ Reply
»
8 years ago, # |
  Vote: I like it +16 Vote: I do not like it

Suggestion: add a button like "Render as image", so that we can download a JPG/PNG file that has the graph as an image.

Otherwise, nice tool! This tool is very helpful.

→ Reply
  • »
    »
    8 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Yes, we are planning to implement multiple ways of exporting the graph, like to an image and to our own mark-up language so you can also paste render your graph in a comment or in the chat of our website. Maybe even to an animated gif :)

    → Reply
»
8 years ago, # |
  Vote: I like it 0 Vote: I do not like it

Maybe a function which allows users to paint colors on nodes and edges could be useful?

→ Reply
»
6 years ago, # |
← Rev. 2   Vote: I like it +8 Vote: I do not like it

Great tool!
How to generate markup with the directed graph?
The "Generate Markup" command makes the same code regardless of the selection of directed or undirected.
Thanks.

→ Reply
»
22 months ago, # |
  Vote: I like it +11 Vote: I do not like it

I really like this tool and used it often while solving CF rounds; now I've made my own Graph Editor.

Please check it here: Graph Editor

Visualisation works better with some bigger graphs; has random graph generator and adjacent nodes highlighting;

But! you can't add, delete or move vertices on canvas by click now.

Pls leave feedback in my blog: Silver_Fox blog. Graph Editor — I could add some features you will suggest.

→ Reply