|
|
| Строка 1: |
Строка 1: |
| <graphviz>
| |
| digraph G1 {
| |
| node [fontsize="14", fontname="times", nodesep=2, shape="none", style=""] ;
| |
| rankdir=LR ;
| |
| size="10,10";
| |
|
| |
| Учитель -> Ученик [label = "Руководит"] ;
| |
| Ученик -> Черепаха [label = "Руководит"] ;
| |
|
| |
| }
| |
| </graphviz>
| |
|
| |
| <graphviz>
| |
| digraph group_learning {
| |
| rankdir=LR ;
| |
| node [fontsize="11", fontname="times", nodesep=2, shape="none", style=""] ;
| |
| size="10,10";
| |
| node [shape=box];
| |
| start -> {planning implementation evaluation};
| |
| planning -> {set_goals identify_resources create_activities};
| |
| implementation -> {facilitate_activities monitor_progress assess_learning};
| |
| evaluation -> {reflect_on_process make_adjustments};
| |
| }
| |
| </graphviz>
| |
|
| |
| == Примеры по химии ==
| |
|
| |
| Визуализация молекул: с помощью Graphviz можно создавать диаграммы, которые показывают структуру молекул. Для этого можно использовать язык DOT, который позволяет задавать связи между атомами и их координаты в трехмерном пространстве. Например, можно создать диаграмму молекулы воды следующим образом:
| |
|
| |
| <graphviz>
| |
| digraph water {
| |
| O [shape=circle, label="O"]
| |
| H1 [shape=circle, label="H"]
| |
| H2 [shape=circle, label="H"]
| |
| O -> H1
| |
| O -> H2
| |
| }
| |
| </graphviz>
| |
|
| |
| Визуализация кристаллических структур: с помощью Graphviz можно создавать диаграммы, которые показывают кристаллические структуры материалов. Для этого можно использовать язык DOT, который позволяет задавать координаты атомов в кристаллической решетке. Например, можно создать диаграмму кристаллической структуры алмаза следующим образом:
| |
|
| |
| <graphviz>
| |
| graph diamond {
| |
| node [shape=circle, fixedsize=true, width=0.5]
| |
| edge [dir=none, color=gray]
| |
| { rank=same; C1 -- C2 -- C3 -- C4 }
| |
| { rank=same; C5 -- C6 -- C7 -- C8 }
| |
| { rank=same; C9 -- C10 -- C11 -- C12 }
| |
| { rank=same; C13 -- C14 -- C15 -- C16 }
| |
| C1 -- C5 -- C9 -- C13 -- C1
| |
| C2 -- C6 -- C10 -- C14 -- C2
| |
| C3 -- C7 -- C11 -- C15 -- C3
| |
| C4 -- C8 -- C12 -- C16 -- C4
| |
| C1 -- C2 -- C3 -- C4 -- C1
| |
| C5 -- C6 -- C7 -- C8 -- C5
| |
| C9 -- C10 -- C11 -- C12 -- C9
| |
| C13 -- C14 -- C15 -- C16 -- C13
| |
| }
| |
| </graphviz>
| |
|
| |
|
| |
| Визуализация реакций: с помощью Graphviz можно создавать диаграммы, которые показывают ход химических реакций. Для этого можно использовать язык DOT, который позволяет задавать реакционные схемы в виде графов. Например, можно создать диаграмму реакции между метаном и кислородом следующим образом:
| |
|
| |
| <graphviz>
| |
| digraph reaction {
| |
| CH4 [shape=circle, label="CH4"]
| |
| O2 [shape=circle, label="O2"]
| |
| CO2 [shape=circle, label="CO2"]
| |
| H2O [shape=circle, label="H2O"]
| |
| CH4 -> CO2
| |
| CH4 -> H2O
| |
| O2 -> CO2
| |
| O2 -> H2O
| |
| }
| |
| </graphviz>
| |
|
| |
| == новая тема ==
| |
|
| |
|
| |
| subgraph cluster_0 {
| |
| style=filled;
| |
| color=lightgrey;
| |
| node [style=filled,color=white];
| |
| a0 -> a1 -> a2 -> a3;
| |
| label = "process #1";
| |
| }
| |
|
| |
| subgraph cluster_1 { | | subgraph cluster_1 { |
| node [style=filled]; | | node [style=filled]; |
| Строка 92: |
Строка 5: |
| color=blue | | color=blue |
| } | | } |
| start -> a0; | | start -> директор; |
| start -> b0; | | start -> главный инженер; |
| a1 -> b3; | | руководитель цеха 3 -> руководитель цеха 1; |
| b2 -> a3; | | b2 -> a3; |
| a3 -> a0; | | a3 -> a0; |
subgraph cluster_1 {
node [style=filled];
b0 -> b1 -> b2 -> b3;
label = "process #2";
color=blue
}
start -> директор;
start -> главный инженер;
руководитель цеха 3 -> руководитель цеха 1;
b2 -> a3;
a3 -> a0;
a3 -> end;
b3 -> end;
start [shape=Mdiamond];
end [shape=Msquare];
}
