Online tool for making graphs (vertices and edges)?

Question

Anyone know of an online tool available for making graphs (as in graph theory - consisting of edges and vertices)? I have about 36 vertices and even more edges that I wish to draw. (why do I have so many? It's for pathing in a game)

Only tool available to me right now is MS Paint and it would be very messy.

Edit:

I'm not actually looking for a 'standard' - just some way to neatly draw a set of vertices and edges, preferably without having to write code. I was planning to screenshot the pic and use it in a question on gamedev but I managed to solve the problem for now. Thanks for all the answers. I still prefer GeoGebra because it accessible online, neat, accurate, aligns elements to a grid, has consistent shapes, and has a high degree of customization available.

See also http://cstheory.stackexchange.com/questions/1677/what-is-the-recommended-software-for-drawing-data-structures-such-as-graphs-and-t — Raphael, Dec 11 '10 at 08:58
I actually was trying to figure out the best approach for this just yesterday. My solution was to program and draw the graph in Sage, but I couldnt figure out how to do edge colorings. — AnonymousCoward, Dec 12 '10 at 18:24
Is it possible for me to see your code? I asked the same question here:
http://stackoverflow.com/questions/24065611/how-to-input-a-list-of-pairs-of-points-in-r2-in-sage-corresponding-to-edges-o

and was wondering how to make sage understand the polygon=graph as an input P, given the vertex set V and the edge set E. If I just input 4 points, they may not determine the polygon uniquely, so we need to specify the edge set.

How are you inputting the edge set and make sage understand your graph= my polygon? — Learning Math, Jun 05 '14 at 22:16
Geogebra takes some fiddling around with the default settings to get a graph going, but it's exactly what I was looking for. — user124384, Jan 20 '18 at 18:15
ok actually geogebra is super annoying to use. Defaults are seemingly impossible to set. — user124384, Jan 20 '18 at 18:45
Since you ask for "graph theory - consisting of edges and vertices", this one fits in your need without redundant functions, which is similar to Erel Segal-Halevi's answer. — An5Drama, Jan 16 '24 at 03:42

score 41 · Accepted Answer · edited Dec 25 '21 at 15:16

41

For drawing graph, the best is TIKZ but it does take some time to study, an alternate is graphviz

Rollbacked:

For drawing 2D geometry, try GeoGebra or Sketchpad (licensed).

For drawing 3D geometry, try Cabri 3d (licensed).

edited Dec 25 '21 at 15:16

u243676

115

answered Dec 10 '10 at 20:20

Quixotic

22,431

1

I like this GeoGebra thing that you mentioned earlier. There's a free online version and a (possibly free) downloadable one too! – f20k Dec 10 '10 at 20:41
1

@f20k:GeoGebra is good for 2D geometry in general.But for graph TIKZ or graphviz provide better options. – Quixotic Dec 10 '10 at 21:03
8

I cannot stress how much I love TikZ. – Hans Parshall Dec 11 '10 at 00:36
Take a look at http://www.graphviz.org, it is a set of easy to use tools for drawing graphs. – vonbrand Jan 21 '13 at 01:15
graphviz seems to take a fair amount of time to study as well. It's not WYSIWYG as far as I can tell. – user124384 Jan 20 '18 at 18:02
Geogebra is free. It is a nice geometry software (you can even export to tikz and then edit that). Nowadays, you can also use it as a drawing software. – Cyriac Antony Apr 15 '19 at 11:53
GeoGebra is the best! – Jul 25 '21 at 17:55

score 25 · Answer 2 · edited Sep 04 '17 at 22:00

25

Draw.io is really nice and user friendly. It is free and open source. There's a Desktop version available.

edited Sep 04 '17 at 22:00

Thomas the Tank Engine

103

answered Aug 14 '14 at 00:57

Simon

385

1

I find draw.io buggy and annoying to use. – user124384 Jan 20 '18 at 17:51
8

As for 2020 I found it very pleasant and straightforward! – fr_andres Apr 12 '20 at 07:01

score 24 · Answer 3 · answered Nov 14 '12 at 08:16

24

yEd is a free cross-platform application that lets you interactively create nodes and edges via drag and drop, format them with different shapes and styles, and apply various graph layout algorithms to arrange the graph neatly.

answered Nov 14 '12 at 08:16

yEd doesn't seem to have smart arrows. – Pacerier Jul 16 '14 at 16:09
If by "smart arrows" you mean arrows/edges that stick to their source and target nodes, then the answer is actually: yEd only has smart arrows. It's a lot more difficult to create a (seemingly) unconnected arrow with yEd. – Sebastian May 11 '15 at 10:28
This software requires installation, but allows the use of custom SVG icons. Moreover, you can save the graphs you create in gml and graphml format and import them in NetworkX. – Agostino Feb 22 '16 at 10:00
@Agostino: FYI, yEd no longer requires installation ... there's a new online version. https://www.yworks.com/yed-live I find it hard to get started... it's not intuitive, and I haven't found useful documentation yet. There's a free version, but it doesn't allow you to save the graph or export an image. – LarsH May 31 '17 at 18:30
@LarsH The free version allows you to do everything as far as I know. The paid version is only needed for bundling their library in your software, as far as I know. You can save your graphs in many different formats (.graphml, .gml, etc.), and export images in HQ as .png .pdf and svg. Transparency works fine BTW. The online version is nice too, thanks for pointing it out, and it does not need any Java stuff! – Agostino Jun 01 '17 at 10:04
@Agostino I was going by the feature comparison at https://www.yworks.com/products/yed-live. But you're right, the online demo does appear to do those things! I just noticed that in the feature comparison, the free version has light gray checkmarks that mean "Supported up to a pre-configured limit." So... I guess you can load/save/export to a limited extent. – LarsH Jun 01 '17 at 12:39

score 22 · Answer 4 · answered Dec 08 '12 at 16:44

22

http://illuminations.nctm.org/ActivityDetail.aspx?ID=20 In the above link you can have a tool where you can draw graphs, check degree, find eulerian path, hamiltonian path.

answered Dec 08 '12 at 16:44

Jyoti Acharya

229
2
2

8

+1 for only answer that actually meets the question's criteria... – BlueRaja - Danny Pflughoeft Nov 18 '13 at 17:19
2

Annoying that it will only allow letters and not digits in labels...?! – Periata Breatta Nov 21 '16 at 23:12
2

It also doesn't appear to have an "undo"?? That alone makes it unusable. – user124384 Jan 20 '18 at 17:34
2

No longer works. – Matthew Anderson Aug 06 '21 at 23:30

score 16 · Answer 5 · answered Aug 11 '16 at 12:08

16

GraphOnline.ru lets you create online an incidence matrix or an adjacency matrix, and it automatically plots the graph for you.

answered Aug 11 '16 at 12:08

Erel Segal-Halevi

10,555

score 10 · Answer 6 · answered Feb 06 '15 at 10:41

10

Small service but easy to use http://graph.unick-soft.ru/en/

answered Feb 06 '15 at 10:41

Unick

201

1

Better than most of them! – Siyah May 03 '17 at 09:46
This is the best to draw algorithm related graph, like a graph for Dijkstra algorithm. – Eric Jun 22 '17 at 03:48
How large a graph will it accept (import from graphml) ? – Cyriac Antony Apr 15 '19 at 12:10

Raphael · Answer 7 · 2013-05-15T19:38:44.633

10

Creately offers a nice WYSIWYG interface for drawing graphs.

edited May 15 '13 at 19:38

answered Dec 10 '10 at 20:23

Raphael

2,720

Creately looks more like a flowchart kinda software. Dabbleboard is good but it isnt as neat as I would like. Thanks for your help – f20k Dec 10 '10 at 20:44
No, both are not ideal. They do a good enough work, though, if you really refuse to use TikZ or Graphviz. – Raphael Dec 11 '10 at 08:56

score 10 · Answer 8 · answered Dec 04 '15 at 06:25

10

I coded up a thing called Graphrel that might be helpful. It focuses not so much on presentation as on graph theory analysis. Currently it supports WYSIWYG editing and an interactive d3 forcelayout; also counts the number of vertices/edges, calculates connected components, as well as reflexivity/symmetry/transitivity etc. of its underlying relation. I'm still adding new features so feel free to make suggestions.

answered Dec 04 '15 at 06:25

Yibo Yang

1,556

1

This is a great tool. I especially like the fact that it lets me enter an adjacency list, and automatically plots the graph for me online. I would like to suggest a feature: add an option to share a graph using a URL (like in http://desmos.com/). This can make your website very useful for presenting graphs in forums such as Stack Exchange. – Erel Segal-Halevi Aug 11 '16 at 12:14
Agreed this is a very good tool. I added a couple of feature requests. :-) – LarsH May 31 '17 at 21:40

score 8 · Answer 9 · answered Nov 14 '12 at 08:07

8

I created an open source graph drawing library too: https://github.com/anvaka/VivaGraphJS.

Here is a demo: http://www.yasiv.com/graphs#Bai/rw496
A video showing the same: http://www.youtube.com/watch?v=L5KrtGB8oA4

It requires some programming knowledge but I'd be really glad to help.

answered Nov 14 '12 at 08:07

Anvaka

225

This is pretty full-featured. It doesn't seem to support GUI-based editing/save/load, but it does have physics-based auto-layout and arbitrary metadata (such as links) on each node and vertex. I'm not sure if it can display labels (for nodes or edges). And there is a big list of other graph-drawing libraries: http://anvaka.github.io/graph-drawing-libraries/#/all – LarsH Jun 02 '17 at 13:54
Looks nice for visualization; does it have option to change layout? (i thought it was force layout) – Cyriac Antony Apr 15 '19 at 12:14

score 6 · Answer 10 · edited Feb 20 '23 at 09:29

6

You can also use GasTeX, which is a package for LaTeX for drawing graphs.

Example code:

\begin{gpicture}
  \node[Nmarks=i](A)(0,0){0}
  \node(B)(20,0){1}
  \node[Nmarks=f](C)(40,0){2}
  \drawedge(A,B){$a$}
  \drawloop(B){$b$}
  \drawedge(B,C){$c$}
\end{gpicture}

edited Feb 20 '23 at 09:29

koppor

107

answered Dec 11 '10 at 01:31

Yuval Filmus

57,157

score 4 · Answer 11 · edited Feb 20 '23 at 09:19

4

If you are typesetting using LateX, try LateXDraw. It is to draw and not to analyze the graph.

edited Feb 20 '23 at 09:19

koppor

107

answered Jan 15 '15 at 12:14

JCMJ

41

user52354534 · Answer 12 · 2020-09-09T00:14:32.813

I've created a simple web application called Graphy. It's basing on a great library Cytoscape.js.

Features:

Importing graphs from GraphML, JSON Graph Format or JSON format used by Cytoscape.js
Exporting graphs to GraphML, JSON format used by Cytoscape.js and image (PNG and JPG)
Computing and visualization of basic algorithms (BFS, DFS, Dijkstra's algorithm, Kruskal's algorithm, Karger–Stein algorithm)
Edit Mode - adding vertices by clicking on workspace and adding edges by dragging (or by selecting an appropriate option from a context menu)
Grouping vertices
Changing style of nodes and edges (color, shape, thickness of edge, line style, node size)
Bending edges
Shortcuts support
Displaying the last action with possibility to undo
Copying, cutting, pasting of nodes and edges
Support for mobile and touch devices

The application is still in a development state – any suggestions and feedback are welcomed!

score 1 · Answer 13 · edited Feb 19 '15 at 11:52

1

I have found Almende in this list. I have extended it a little bit.

edited Feb 19 '15 at 11:52

Community

1

answered Jan 29 '15 at 18:39

Val

1

Your third link is to localhost, so no one but you can access it. – Michael A Feb 19 '15 at 00:39
@MichaelA Thanks. Fixed. Well, edit needs approval. Thanks anyway. Please report if it is not operational again. I do not see from here. – Val Feb 19 '15 at 11:42

score 1 · Answer 14 · answered Apr 26 '15 at 10:47

1

We wrote an Android app called Grapher for testing algorithms and exporting to tikz.

Screenshot is available on Grapher · GitHub, here are some screenshots:

delete maxflow steiner tree

answered Apr 26 '15 at 10:47

Pål GD

955

score 1 · Answer 15 · edited Feb 20 '23 at 09:29

1

One very flexible package is CaRMetal, which is an open-source alternative to Geometer's Sketchpad. It works quite well, I've found, and can export to multiple formats.

edited Feb 20 '23 at 09:29

koppor

107

answered Jun 23 '15 at 13:39

Adrian Keister

10,099
13
30
43

score 1 · Answer 16 · answered Jul 12 '15 at 20:17

For a more simplistic graph drawing program, see CMap at http://cmap.ihmc.us. It is a concept modeling tool which has many export and import formats, including a text tab-delimited format for triples (which it calls propositions).

CMap is more aligned to non-coders such as k-12 students and college, managers, etc., who want to model (i.e., graphs schemas and instance graphs) without all of the syntax of the above tools.

Another graph drawing tool, with fewer import/export features, is at Inspiration.com.

Roy

score 1 · Answer 17 · answered Mar 18 '21 at 18:23

1

If you need a really quick solution to draw graphs quickly for pedagogical examples you can use https://graphonline.ru/en although its not ideal.

But it works and you can just click the nodes where you need them and join them up.

answered Mar 18 '21 at 18:23

Tom

1,310

score 1 · Answer 18 · answered Sep 22 '14 at 14:51

1

I think you're looking for something like:

Gliffy.com

Creately.com

answered Sep 22 '14 at 14:51

Magne

162

CpILL · Answer 19 · 2017-07-27T17:57:23.253

0

You could try http://bl.ocks.org/fancellu/2c782394602a93921faff74e594d1bb1 and just edit the data (JSON) part

edited Jul 27 '17 at 17:57

answered Jul 27 '17 at 05:58

CpILL

101

Online tool for making graphs (vertices and edges)?

19 Answers19

Linked

Related