如何创建具有彩色边缘的网络？

Question

我正在尝试创建一个图表来解释一个数学结构，该结构可以概括为嵌入网络中的二元格。

本质上，网络顶部有一组节点，底部有一组需要标记的节点。

顶部的每个点都有 2 条出边，连接到其下方的 2 个节点，这些节点本身又分为 2 条边。这几乎就像一棵二叉树，只不过相邻的节点会合并为一个。

这些结构中的多个部分重叠地添加，形成了有点像这样的效果：

我正在尝试使用乳胶创建一个带有彩色边缘的标记图，有点像可怕的绘图，但我甚至不确定要使用哪个包。

Answer 1

这里有一些可以给你启发的东西。

\documentclass[tikz,border=3mm]{standalone}
\begin{document}
\begin{tikzpicture}
\begin{scope}
 \clip ({-4*sqrt(2)},0) rectangle ({4*sqrt(2)},{2*sqrt(2)});
 \draw[rotate=45,semithick] (-4,-4) grid[step=5mm] (4,4);
 \draw[yshift={4*sqrt(2)*1cm},rotate=45,red,thick] (-4,-4) grid[step=5mm] (4,4);
\end{scope} 
\path foreach \X [count=\Y] in {A,B,...,I} 
 {({(-5+\Y)*sqrt(1/2)},{2*sqrt(2)}) node[above]{\X}}
 foreach \X [count=\Y] in {A,B,...,Q} 
 {({(-9+\Y)*sqrt(1/2)},{0}) node[below]{\X}};
\end{tikzpicture}
\end{document}

如果明确了具体的要求，我会很乐意让它变得更加多功能。

这是标记边的方法。位置由从顶部到底部的 8 步4.5/8路径来解释，标签位于第 4 和第 5 个节点之间的延伸部分。AI

\documentclass[tikz,border=3mm]{standalone}
\begin{document}
\begin{tikzpicture}
\begin{scope}
 \clip ({-4*sqrt(2)},0) rectangle ({4*sqrt(2)},{2*sqrt(2)});
 \draw[rotate=45,semithick] (-4,-4) grid[step=5mm] (4,4);
 \draw[yshift={4*sqrt(2)*1cm},rotate=45,red,thick] (-4,-4) grid[step=5mm] (4,4);
\end{scope} 
\path foreach \X [count=\Y] in {A,B,...,I} 
 {({(-5+\Y)*sqrt(1/2)},{2*sqrt(2)}) coordinate (\X-top) node[above]{\X}}
 foreach \X [count=\Y] in {A,B,...,Q} 
 {({(-9+\Y)*sqrt(1/2)},{0}) coordinate (\X-bot)  node[below]{\X}};
 \path[red] (A-top) -- (I-bot) node[midway,pos=4.5/8,sloped,above] {$x$};
\end{tikzpicture}
\end{document}