three1412's blog

Graph Visualizer Website (Not Mobile Friendly)
By three1412, history, 3 days ago, In English

Hey codeforces,

I made a Graph Visualizer Website, where people can plot graphs and simulate the graph algorithms like DFS, BFS, TopoSort, Dijkstra's Algorithm etc.

Could you please try it out and let me know how it is and how I can improve it?

Link: https://abhilesh1412.github.io/Graph-Visualizer/

Thank You!

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

»
3 days ago, # |
  Vote: I like it 0 Vote: I do not like it

I recommended to you'r website * Interactive(Plot Graph not need). * Matrix input

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

    Okay, I will also add the feature for matrix input. Thank you for your feedback.

    → Reply
»
3 days ago, # |
  Vote: I like it +3 Vote: I do not like it

I want the ability to export svg. Thanks

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

    Done!!!

    Added the functionality to export the graph as svg.

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

      Wow nice. Thank you very much. This is a useful feature that csacademy graph tool doesn't have!

      → Reply
»
3 days ago, # |
  Vote: I like it 0 Vote: I do not like it

Hey, really nice website! I was playing around with it and noticed that for an undirected graph, it detects cycles with only $$$2$$$ nodes (that is, parent to child and back to parent) as valid cycles, which I don't think is intended.

The graph I used: 5 5 1 2 2 3 3 4 2 4 3 5

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

    Also, by default, when I plot a graph, the vertices and edges are all clustered up in the center and overlap a lot. I need to manually drag them apart to make the graph understandable. It would be nice if you could change this default behaviour.

    → Reply
  • »
    »
    2 days ago, # ^ |
    ← Rev. 2   Vote: I like it 0 Vote: I do not like it

    Hey @avighnakc,

    Thank you for the feedback, I corrected the mistake of detect cycle in undirected graph.

    → Reply
»
2 days ago, # |
  Vote: I like it 0 Vote: I do not like it

Suggestion 1: Show the codes for each algorithm.

Suggestion 2: Let the user submit a code, and give you the name of some variables to watch, and when it runs the code on the graph, the variables that are supposed to be watched get updated in execution(like the default Dijkstra).

Suggestion 3[low attention]: a better theme

Suggestion 4[low attention]: the weights on the weighted edges are a bit badly placed

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

    I think your Suggestion 2 is too difficult to implement.

    And i think it is not important to show the code for each algorithm. I don't know why you want the code.

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

    Thank you very much for your feedback and suggestions @bgopc

    But, I agree with @Roeu that suggestion 2 is too difficult to implement and it is not important to show the code of each algorithm. If they want to see the code they can go to the GFG.

    According to me I can just provide a link of that particular algorithm. So that, they can see the code of the algorithm.

    And, I will see what I can do with the suggestion 3rd and 4th.

    Once again, thank you.

    → Reply