Sideway
output.to from Sideway
Draft for Information Only

Content

Simple LaTeX Tikz Hierarchical Model
 Latex Code
 Latex Code Output
 Source and Reference

Simple LaTeX Tikz Hierarchical Model

A simple hierarchical model is the most popular orgnaization chart type.

Latex Code

edge from parent fork down is used to construct horizontal grouping, while grow via three points is used to construct vertical grouping. child[Missing]{} can also be used to adjust child layout. xshift and yshift are used to arrange the node by adjusting the level distance and sibling distance. edge from parent path is used to control the connecting path.
\documentclass[border=10pt,tikz]{standalone}
\usetikzlibrary{trees}

\begin{document}

\begin{tikzpicture}[
   level distance=15mm,
   level 1/.style={sibling distance=7cm},
   level 2/.style={sibling distance=2cm},   
   every node/.style={draw=black,thin, align=center,minimum height = 1cm},
   root/.style={fill=black!10,},
   type/.style={fill=cyan!10,},
   literal/.style={fill=green!10},
   misc/.style={fill=red!10},
   collection/.style={fill=blue!10,xshift=1cm},
   constant/.style={fill=lightgray!10,xshift=0.5cm},
   other/.style={fill=teal!10},
   literalx10/.style={literal,xshift=1cm},
   otherx5/.style={other,xshift=0.5cm},
   dirtree/.style={grow via three points={one child at (0,-1.5) and two children at (0,-1.5) and (0,-3)},
      edge from parent path={(\tikzparentnode.#1) |- (\tikzchildnode.west)},},
   ]

   \node[root]{Literals}
      [edge from parent fork down] 
      child{node[type]{Scalar\\Literals}
         [edge from parent fork down]
                child{node[literal]{String\\Literals}
            {[dirtree=220]child{node[otherx5]{Unicode\\Literials}}}}
                child{node[literal]{Bytes\\Literals}
            {[dirtree=220]child{node[otherx5]{Bytearray}}}}
                child{node[misc,xshift=1.5mm]{Numeric\\Literals}
            {[dirtree=220,text width=2cm,]
               child{node[literalx10]{Integer}
                  {[dirtree=208,text width=,]child{node[other]{Long\\Integer}}}}
               child[missing]{}   
               child{node[literalx10]{Float Point\\Number}}
               child{node[literalx10]{Imaginary\\Number}}}}
                child{node[misc,xshift=1cm]{Boolean\\Literals}
            {[dirtree=220]
               child{node[constant]{True}}
               child{node[constant]{False}}}}
                child{node[misc,xshift=1cm]{Special\\Literals}
            {[dirtree=220]child{node[constant]{None}}}}
         }
      child{node[type]{Literal\\Collection}
         {[dirtree=220,text width=2cm,]
            child{node[collection]{List\\Literals}}
            child{node[collection]{Tuple\\Literals}}
            child{node[collection]{Dictionary\\Literals}}
            child{node[collection]{Set\\Literals}}}
         };

\end{tikzpicture}
\end{document}

Latex Code Output

image

Source and Reference


©sideway

ID: 210100001 Last Updated: 1/1/2021 Revision: 0


Latest Updated LinksValid XHTML 1.0 Transitional Valid CSS!Nu Html Checker Firefox53 Chromena IExplorerna
IMAGE

Home 5

Business

Management

HBR 3

Information

Recreation

Hobbies 8

Culture

Chinese 1097

English 337

Reference 68

Computer

Hardware 151

Software

Application 203

Digitization 25

Latex 29

Manim 160

Numeric 19

Programming

Web 285

Unicode 504

HTML 65

CSS 59

ASP.NET 194

OS 391

DeskTop 7

Python 56

Knowledge

Mathematics

Formulas 8

Algebra 30

Number Theory 206

Trigonometry 18

Geometry 18

Calculus 67

Complex Analysis 21

Engineering

Tables 8

Mechanical

Mechanics 1

Rigid Bodies

Statics 92

Dynamics 37

Fluid 5

Fluid Kinematics 5

Control

Process Control 1

Acoustics 19

FiniteElement 2

Natural Sciences

Electric 27

Biology 1

Geography 1


Copyright © 2000-2021 Sideway . All rights reserved Disclaimers last modified on 06 September 2019