|
|
| Строка 28: |
Строка 28: |
|
| |
|
| <graphviz> | | <graphviz> |
| digraph BipartiteIcons { | | digraph G { |
| rankdir=LR;
| | A1 [label="👤"]; |
| graph [fontname="Arial", bgcolor="#FDFEFE", pad="0.6"];
| | P1 [shape=box, label="📄"]; |
| edge [fontname="Arial", color="#717D7E", penwidth=1.5];
| | A1 -> P1; |
| | |
| // Все узлы будут без собственной формы, форму рисует HTML-таблица
| |
| node [shape=none, margin="0.05"];
| |
| | |
| // Люди (👤)
| |
| Alice [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D6EAF8" COLOR="#2E86C1" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">👤</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Alice</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| Bob [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D6EAF8" COLOR="#2E86C1" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">👤</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Bob</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| Carol [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D6EAF8" COLOR="#2E86C1" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">👤</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Carol</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| // Страницы (📄)
| |
| PageA [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D5F5E3" COLOR="#1E8449" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">📄</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Page A</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| PageB [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D5F5E3" COLOR="#1E8449" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">📄</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Page B</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| PageC [label=<
| |
| <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="6"
| |
| BGCOLOR="#D5F5E3" COLOR="#1E8449" STYLE="ROUNDED">
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="22">📄</FONT></TD></TR>
| |
| <TR><TD ALIGN="CENTER"><FONT POINT-SIZE="11">Page C</FONT></TD></TR>
| |
| </TABLE>
| |
| >];
| |
| | |
| // Рёбра человек -> страница
| |
| Alice -> PageA;
| |
| Alice -> PageB;
| |
| Bob -> PageA;
| |
| Bob -> PageC;
| |
| Carol -> PageB;
| |
| Carol -> PageC;
| |
| | |
| // Явно задаём два «ранга», чтобы люди были слева, страницы справа
| |
| { rank = same; Alice; Bob; Carol; }
| |
| { rank = same; PageA; PageB; PageC; }
| |
| } | | } |
| </graphviz> | | </graphviz> |