Difference between revisions of "CSC212 Lab 10 2014"

From dftwiki3
Jump to: navigation, search
(Created page with "--~~~~ ---- <br /> __TOC__ <br /> =Generating Graphic Representation of Trees= <br /> [http://www.graphviz.org/ Graphviz] is a simple engine for generating very polished image...")
 
(Generating Graphic Representation of Trees)
Line 6: Line 6:
 
=Generating Graphic Representation of Trees=
 
=Generating Graphic Representation of Trees=
 
<br />
 
<br />
[http://www.graphviz.org/ Graphviz] is a simple engine for generating very polished images of trees or graphs.  Graphviz takes the definition of a tree, or of a graph, written in a specific language called '''DOT''' and produces images of the tree.  Graphviz is sometimes installed on Linux systems, and can be installed as well on Windows and Mac computers ([http://www.graphviz.org/Download..php see Graphviz's Download page].)
+
[http://www.graphviz.org/ Graphviz] is a simple engine for generating very polished images of trees or graphs.  Graphviz takes the definition of a tree, or of a graph, written in a specific language called '''DOT''' and produces images of the tree or graph structure.  Graphviz is sometimes installed on Linux systems, and can be installed as well on Windows and Mac computers.  See the  [http://www.graphviz.org/Download..php see Graphviz's Download page] for more details.
 
<br />
 
<br />
 
Let's generate a simple Tree.
 
Let's generate a simple Tree.
Line 30: Line 30:
 
</center>
 
</center>
 
<br />
 
<br />
<center>
 
[[Image:GraphvizOnLine.png]]
 
</center>
 
 
<br />
 
<br />
* Right-click on the image and save it as a .png file.  You can now use the image in your application.
 
 
<br />
 
<br />
<center>
+
{| style="width:100%; background:silver"
[[Image:GraphvizOnLine_TreeImage.png]]
+
|-
</center>
+
|
 +
==Create Another Tree==
 +
|}
 +
[[Image:QuestionMark4.jpg|right|120px]]
 +
 
 +
<br />
 +
* Use the same utility to create the tree used in the lecture slides, and shown below:
 +
<br />
 +
<center>[[CSC212_LectureTree.png]]</center>
 +
<br />
 
<br />
 
<br />
  

Revision as of 21:59, 28 October 2014

--D. Thiebaut (talk) 22:52, 28 October 2014 (EDT)




Generating Graphic Representation of Trees


Graphviz is a simple engine for generating very polished images of trees or graphs. Graphviz takes the definition of a tree, or of a graph, written in a specific language called DOT and produces images of the tree or graph structure. Graphviz is sometimes installed on Linux systems, and can be installed as well on Windows and Mac computers. See the see Graphviz's Download page for more details.
Let's generate a simple Tree.


digraph "Lab10" {
   8 -> 3;
   3 -> 4;
   3 -> 10;
   3 -> 7;
   8 -> 12;
}


  • As you type, you should see a graph appearing in the right window.

Graphviz tree1.png




Create Another Tree

QuestionMark4.jpg


  • Use the same utility to create the tree used in the lecture slides, and shown below:


CSC212_LectureTree.png



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.