Difference between revisions of "Generating Trees with Graphviz"
(Created page with "--~~~~ ---- <bluebox> This page introduces [http://www.graphviz.org/ Graphviz] as a simple engine for generating very polished images of trees or graphs. Graphviz is sometim...") |
(→3-Step Process) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 25: | Line 25: | ||
</source> | </source> | ||
<br /> | <br /> | ||
| − | * Open this page in your browser: [http://sandbox.kidstrythisathome.com/erdos/ http://sandbox.kidstrythisathome.com/erdos/] | + | * Open this page in your browser: [http://sandbox.kidstrythisathome.com/erdos/ http://sandbox.kidstrythisathome.com/erdos/] (if this side is down, there are many alternatives, including this one [http://graphviz-dev.appspot.com/ http://graphviz-dev.appspot.com/].) |
* Paste your tree definition, shown above, into the top-left window of the new page. | * Paste your tree definition, shown above, into the top-left window of the new page. | ||
* Select DOT as the language | * Select DOT as the language | ||
| Line 41: | Line 41: | ||
</center> | </center> | ||
<br /> | <br /> | ||
| + | |||
| + | =Dot Language= | ||
| + | <br /> | ||
| + | * If you are interested in learning more about the '''Dot''' language for generating trees or graphs with graphviz, you may want to read this [http://en.wikipedia.org/wiki/DOT_language Wikipedia page] on the Dot Language. | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | [[Category:Graphviz]] | ||
Latest revision as of 15:51, 26 October 2014
--D. Thiebaut (talk) 15:54, 26 October 2014 (EDT)
This page introduces Graphviz as a simple engine for generating very polished images of trees or graphs. Graphviz is sometimes installed on Linux systems, and can be installed as well on Windows and Mac computers (see Graphviz's Download page.)
3-Step Process
- Create a text file (with emacs, TextEdit, or Notepad) containing these lines:
graph "" { label="(EXP (* (X) (X)))" n018 ; n018 [label="EXP"] ; n018 -- n019 ; n019 [label="*"] ; n019 -- n020 ; n020 [label="X"] ; n019 -- n021 ; n021 [label="X"] ; }
- Open this page in your browser: http://sandbox.kidstrythisathome.com/erdos/ (if this side is down, there are many alternatives, including this one http://graphviz-dev.appspot.com/.)
- Paste your tree definition, shown above, into the top-left window of the new page.
- Select DOT as the language
- Click on Make me a graph"
- And voilà!
- Right-click on the image and save it as a .png file. You can now use the image in your application.
Dot Language
- If you are interested in learning more about the Dot language for generating trees or graphs with graphviz, you may want to read this Wikipedia page on the Dot Language.
