4

I draw inspiration from the learning tree diagram by Khan Academy. I would like to create a similar tree for a different subject. Each element should be a clickable link.

Further criteria:

  • It should be a hosted web app.
  • Links should be any kind of hyperlink.
  • I don't need to export the created diagram.

Is there a free tool that allows me to create such an interactive tree diagram online?

Tree diagram example

0

2 Answers 2

3

You could try draw.io, it supports clickable links.

I work on the project.

1
  • 1
    Does Draw.io have a template for a tree diagram?
    – orschiro
    Sep 20, 2016 at 8:01
2

You have a number of choices:

  1. You can use Graphviz where you would manually construct a node list, with links, and have graphviz layout your diagram for you and generate an SVG format. In addition to the offline tool there is an online version of the graphviz tool but note that it does not host the image you would still need to post the resulting SVG file to a server and embed it in a web page. - This will require you gaining some familiarity with the DOT graph layout language.
  2. Offline you can hand draw the tree with Inkscape, add the URLs to go to and save as SVG with the links. The resulting SVG can be embedded into a HTML page and uploaded to your web server. While this is not an online tool it does allow you to draw rather than code your graph.
  3. Online there are a number of free online SVG editors that will allow you to draw your tree diagram some of which allow you to include links for the elements - the one that I am familiar with is DrawSVG which definitely allows the addition of hyperlinks to elements once drawn.

All of the above are free to use. The offline tools are gratis, open source and cross platform.

3
  • The OP said "create such an interactive tree diagram online?" which means "online". Inkscape and Graphviz are wonderful "offline" tools, but not online.
    – bgoodr
    Oct 16, 2016 at 15:49
  • @bgoodr - At the time that I answered the Further Criteria were not present so there was no requirement for the tool to be online. Oct 17, 2016 at 6:29
  • @steve_barnes, understood!
    – bgoodr
    Oct 19, 2016 at 3:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.