Introduction Diagrams Graphs Mindmaps Result Diagram, graph and mindmap software Luk´aˇsDoktor 2009-09-01 Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result 1 Introduction 2 Diagrams 3 Graphs 4 Mindmaps 5 Result Luk´aˇsDoktor Diagram, graph and mindmap software We are going to talk about diagrams like this Figure: Flowchart .. this Input Hidden Output layer layer layer Input #1 Input #2 Output Input #3 Input #4 Figure: Neural network .. this Source1 Source2 No flow to receiver A1 A2 No flow from Com- B ponent B G02 Receiver No flow Component into Com- B blocks flow ponent B G03 B01 No flow No flow from Com- from Com- ponent A1 ponent A2 G04 G05 No flow Component No flow Component from source1 A1 blocks from source2 A2 blocks flow flow T01 T02 B02 B03 Figure: Fault-tree And also this ������ $e+o !olejov*ch vo&idel ,������������������ -i " �í lo ,������������ Provo&ní jedno"!a ,��������������������������������������������� Pla"í od ,������������������������������������ (d)or !olejov*ch vo&idel (+rava �í lo , ��� .ahra&uje ,������ Po&n/0!' , ���������������������������������������� $ruh vla!� , ��������������������������� #urnu ov/ !u+ina , ������������ 1. 2. �er�an' 39 06 21 Praha ods".n.-$%V 2 15 15 � 04 35 ��� � 13 14 00 22 07 21 22 7 17 7 7 Praha-Vršovice 0 5 � � � 25 15 � 15 10 � 25 � 35 � 39 � � ���� � � � � 00 � � 15 � � � � � � 17 �� � � �� � � � � 20 41 20 41 20 41 41 20 20 20 � ��� 41 20 41 41 41 22 9 13 8 14 7 15 14 15 17 7 16 20 12 Praha hl.n. 3 5 00 26 31 10 21 11 7 7 00 5 25 20 ��� 21 22 ��� � 17 7 � 13 14 � ��� ��� ��� �� B�eznice 93 �� �� �� � �� � �� � � � �� � � � � � � � �� � � �� � ���� �� � � �� � � � � ������� � � � � � � � � � � �� � � � �� � � �� � � � � � � � � �� � � 21 20 � 56 56 21 � � � 56 � � � � � � � � 46 � � 20 � 22 5 19 21 20 Písek 135 19 � �� � � � � 58 �� � � 5 �� � � � � � #anvald 139 � � � �� � �� �� � � � � � � � 04 � � 45 � � � � 10 � ����� � 10 10 11 10 10 Protivín 148 � 32 33 32 31 5 20 22 20 � �.Bud�jovice 165 15 45 45 08 45 08 45 08 08 45 08 45 08 08 45 08 45 03 8 9 12 10 11 16 17 18 19 11 18 13 10 19 21 20 13 ��������������� ����������� ��� ���� ���� ���� ���� �� �� �� ���� �� � � � Vo&idlo �ad' , ��������� +o�e" , ��� Pr�0�rn* denní )�h vo&idla , ��� !0 1+racova"el , Vrchní +�edno "a $%V , Po"�e)a "rojvedoucích , ��� $enní +r�0�r +r/&dn*ch jí&d , ��� !0 ������������������������������������������������ ��������������������������������������������������� Figure: Train diagram .. this 2.2kΩ 0.3kΩi1 1kΩ 1mA 10µF 12mH i1 Figure: Electrical circuit .. this and much mooore t=0 t=1 t=2 t=3 t=4 t=5 clk req addr inst addr X addr XXX link addrs XXX map XXX link load XXX vam XXX link load r XXX val XXX simulate output XXX XXX prev output XXX old XXX differs differs r dep addr XXX dep X req XXX req X Figure: Timing diagram Than we are going to talk about graphs Figure: XY graph .. graphs Figure: 3d graph .. and even more graphs Figure: Error bar Who know what mindmap is? Introduction Diagrams Graphs Mindmaps Result Ways to create the diagram Paper, paint (M$ Paint, Gimp, Inkscape), CAD Office suits Specialized software Tex/Tikz/PSTricks Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Office suits + Quick start + Quick draft - Align and distribute - Box size - Arrows (inclined, doesn't come from the same place above) Luk´aˇsDoktor Diagram, graph and mindmap software OOffice Usable for drafts of flow diagrams KOffice Usable for network or other unaligned diagrams Introduction Diagrams Graphs Mindmaps Result OpenOffice vs. KOffice KOffice - Kivio OOffice - Draw - Connection points + Connection points - Different from usual office + Similar to usual office suits suits - Box types + Box types - Modification (possible but it + Modification (painfull but will hurt you) better than OOffice) Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result OpenOffice vs. KOffice KOffice - Kivio OOffice - Draw - Connection points + Connection points - Different from usual office + Similar to usual office suits suits - Box types + Box types - Modification (possible but it + Modification (painfull but will hurt you) better than OOffice) OOffice Usable for drafts of flow diagrams KOffice Usable for network or other unaligned diagrams Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result OpenOffice vs. KOffice Figure: OpenOffice Draw diagram Figure: KOffice Kivio diagram Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Dia + Fast + Easy to start with + A lot of box types + Good aligment & distribution + Connection points - Aligment with existing connections - No symbols in the text - Old and new box types together - Hard to insert own box Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Dia Figure: Dia Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Dia Figure: Dia - network diagram Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Latex addon Tikz Examples of what can you do and how are here: http://www.texample.net/tikz/examples/all + Same font and style of diagrams and text + All symbols/equations inside of the diagram + Amaizingly quick + A lot of box types + The best aligment & distribution + You can do anything you can imagine (- but nothing more) - Hard (for some impossible) to start with - Not a WYSIWYG (?KTikz?) Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result How to create a diagram using Tikz 1 Include package Tikz into your Latex document 2 Define which library you needs 3 Re/define styles 4 Start with tikzpicture environment (\begin{tikzpicture}) Luk´aˇsDoktor Diagram, graph and mindmap software Tikz: Node Node is a box you want to place somewhere and connect with other boxes/nodes $FORM Defines the style of the box. You should probably start with the shape, color, text format, .... You can predefine them as shown in the example using ( \tikzstyle{$NAME} = [$FORM]) $POS Specify where this node is placed. You can use absolute '(0,0)', relative '+(2,0)' or direction based 'below of=$NAME' definition. $NAME Node name - used for bonds and position specification $TEXT Text inside the box \node [$FORM] ($NAME) {$TEXT}; \node [$FORM,$POS] ($NAME) {$TEXT}; \path [$FORM] ($NAME) -- ($NAME); \path [$FORM] ($NAME) -| node [$FORM] {$TEXT} ($NAME); \path [$FORM] ($NAME) |- $POS -- ($NAME); Tikz: Example on flow diagram Update joint yes inverted yes is active? input? no angle angle += move -= move angle ≥ no angle ≤ max min no yes yes angle angle no = max = min End Figure: Tikz - flow diagram Tikz: Example on flow diagram 1/4 \documentclass{minimal} \usepackage{tikz} \usetikzlibrary{shapes,arrows} \begin{document} Tikz: Example on flow diagram 2/4 \tikzstyle{decision} = [diamond, draw, fill=blue!20, text width=4.5em, text badly centered, node distance=3cm, inner sep=0pt] \tikzstyle{block} = [rectangle, draw, fill=blue!20, text width=5em, text centered, rounded corners, minimum height=4em] \tikzstyle{line} = [draw, -latex'] \tikzstyle{cloud} = [draw, ellipse,fill=red!20, node distance=3cm, minimum height=2em] \tikzstyle{call} = [draw, ellipse,fill=yellow!20, node distance=3cm, minimum height=2em] \tikzstyle{answer}=[near start,color=black] Tikz: Example on flow diagram 3/4 \begin{tikzpicture}[node distance = 3cm, auto] % Nodes \node [call] (update) { Update joint }; \node [decision, below of=update] (act) {is active?}; \node [decision, right of=act] (inv) {inv input?}; \node [block, below of=inv] (plus) {angle += move}; \node [block, right of=plus] (minus) {angle -= move}; \node [decision, below of=plus] (high) {angle $\geq$ max}; \node [decision, right of=high] (low) {angle $\leq$ min}; \node [block, below of=high] (sethigh) {angle = max}; \node [block, below of=low] (setlow) {angle = min}; \node [call, below of=sethigh] (end) {End}; Tikz: Example on flow diagram 4/4 \path [line] (update) -- (act); \path [line] (act) |- node [answer] {no} (end); \path [line] (act) -- node [answer] {yes} (inv); \path [line] (inv) -- node [answer] {no} (plus); \path [line] (inv) -| node [answer] {yes} (minus); \path [line] (plus) -- (high); \path [line] (minus) |- +(-1,-1) -| (high); \path [line] (high) -- node [answer] {yes} (sethigh); \path [line] (high) -- node [answer] {no} (low); \path [line] (low) -- node [answer] {yes} (setlow); \path [line] (low) -- +(2,0) |- node [answer] {no} (end); \path [line] (sethigh) -- (end); \path [line] (setlow) |- (end); \end{tikzpicture} \end{document} Tikz: Example on flow diagram Update joint yes inverted yes is active? input? no angle angle += move -= move angle ≥ no angle ≤ max min no yes yes angle angle no = max = min End Figure: Tikz - flow diagram Introduction Diagrams Graphs Mindmaps Result Ways to create the graph Paper, graph paper Office suits Specialized/math software Tex/Tikz/PSTricks Luk´aˇsDoktor Diagram, graph and mindmap software Office suits are the best/fastest choice for ordinary/every day documents. Introduction Diagrams Graphs Mindmaps Result Office suits nip Use XY graph instead of line graph Figure: OpenOffice XY graph with Figure: OpenOffice line graph with nonlinear ax X nonlinear ax X Luk´aˇsDoktor Diagram, graph and mindmap software Introduction Diagrams Graphs Mindmaps Result Office suits nip Use XY graph instead of line graph Figure: OpenOffice XY graph with Figure: OpenOffice line graph with nonlinear ax X nonlinear ax X Office suits are the best/fastest choice for ordinary/every