我是 Tikz 新手，我正在嘗試繪製一個非常具體的圖表。它包含一些功能，但由於我有限的知識，我無法實現。這是一個帶有一些文字規範的網格類型的繪圖，如附圖，
。這只是我想要製作的一系列繪圖的第一步，即添加動畫。檢查其他帖子似乎可以使用 tikz 或 pgfplot 來完成，但我不確定哪個更好，可以稍後添加一些動畫，例如網格填充。
到目前為止，我的程式碼如下，嘗試使用 tikz 繪製網格作為第一步，但它看起來相當乏味。
\documentclass[24point]{article}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}[every node/.style={minimum size=.5cm-\pgflinewidth, outer sep=0pt}]
\draw[thin, step=0.5cm,color=black] (0,3) grid (6,0.5);
\node[] at (+0.25,+1.25) {0};
\node[] at (+0.75,+1.25) {0};
\node[] at (+1.25,+1.25) {0};
\node[] at (+1.75,+1.25) {0};
\node[fill=lightgray] at (+2.25,+1.25) {1};
\node[fill=lightgray] at (+2.75,+1.25) {1};
\node[fill=lightgray] at (+3.25,+1.25) {1};
\node[fill=lightgray] at (+3.75,+1.25) {1};
\node[fill=gray] at (+4.25,+1.25) {1};
\node[] at (+4.75,+1.25) {0};
\node[] at (+5.25,+1.25) {0};
\node[] at (+5.75,+1.25) {0};
\node[] at (+0.25,+1.75) {0};
\node[] at (+0.75,+1.75) {0};
\node[] at (+1.25,+1.75) {0};
\node[] at (+1.75,+1.75) {0};
\node[fill=lightgray] at (+2.25,+1.75) {1};
\node[] at (+2.75,+1.75) {0};
\node[] at (+3.25,+1.75) {0};
\node[] at (+3.75,+1.75) {0};
\node[] at (+4.25,+1.75) {0};
\node[] at (+4.75,+1.75) {0};
\node[] at (+5.25,+1.75) {0};
\node[] at (+5.75,+1.75) {0};
\node[] at (+0.25,+2.75) {1};
\node[] at (+0.75,+2.75) {2};
\node[] at (+1.25,+2.75) {3};
\node[] at (+1.75,+2.75) {4};
\node[] at (+2.25,+2.75) {5};
\node[] at (+2.75,+2.75) {6};
\node[] at (+3.25,+2.75) {7};
\node[] at (+3.75,+2.75) {8};
\node[] at (+4.25,+2.75) {9};
\node[] at (+4.75,+2.75) {10};
\node[] at (+5.25,+2.75) {11};
\node[] at (+5.75,+2.75) {12};
\end{tikzpicture}
\end{document}
我將不勝感激從那裡遵循的任何指示。
編輯 以下程式碼是我使用矩陣 tikz 的版本。儘管如此，我仍然需要在行之間添加更多空間、行之間的雙線以及側面的垂直文字。我從以下位置獲取了部分代碼填充節點矩陣的最簡單方法？
\documentclass[24point]{article}
\usepackage{tikz}
\begin{document}
\tikzstyle{matrici}=[
matrix of math nodes,
nodes in empty cells,
column sep=-\pgflinewidth, % to avoid double borders in contiguous cells
nodes={
draw,
align=center,
inner sep=0pt,
text width=0.5cm,
minimum height=0.5cm
}
]
\begin{tikzpicture}
\matrix[matrici,
row 1/.style={nodes={draw=none, fill=none}},
row 2/.style={nodes={draw=none, fill=none}},
row 3/.style={nodes={draw=none, fill=none}},
row 2 column 1/.style={nodes={font=\small}},
row 2 column 2/.style={nodes={font=\small}},
row 2 column 3/.style={nodes={font=\small}},
row 2 column 4/.style={nodes={font=\small}},
row 2 column 5/.style={nodes={font=\small}},
row 2 column 6/.style={nodes={font=\small}},
row 2 column 7/.style={nodes={font=\small}},
row 2 column 8/.style={nodes={font=\small}},
row 2 column 9/.style={nodes={font=\small}},
row 2 column 10/.style={nodes={font=\small}},
row 2 column 11/.style={nodes={font=\small}},
row 2 column 12/.style={nodes={font=\small}},
row 3 column 1/.style={nodes={font=\small}},
row 3 column 2/.style={nodes={font=\small}},
row 3 column 3/.style={nodes={font=\small}},
row 3 column 4/.style={nodes={font=\small}},
row 3 column 5/.style={nodes={font=\small}},
row 3 column 6/.style={nodes={font=\small}},
row 3 column 7/.style={nodes={font=\small}},
row 3 column 8/.style={nodes={font=\small}},
row 3 column 9/.style={nodes={font=\small}},
row 3 column 10/.style={nodes={font=\small}},
row 3 column 11/.style={nodes={font=\small}},
row 3 column 12/.style={nodes={font=\small}},
row 2 column 5/.style={nodes={fill=gray!20, font=\small}},
row 3 column 5/.style={nodes={fill=gray!30, font=\small}},
row 3 column 6/.style={nodes={fill=gray!30, font=\small}},
row 3 column 7/.style={nodes={fill=gray!30, font=\small}},
row 3 column 8/.style={nodes={fill=gray!30, font=\small}},
row 3 column 9/.style={nodes={fill=gray!20, font=\small}},
]
(X)
{1 & 2 & 3 & 4 & 5 & 6 & 7 & 8 & 9 & 10 & 11 & 12 \\
0 & 0 & 0 & 0 & 1 & 0 & 0 & 0 & 0 & 0 & 0 & 0 \\
0 & 0 & 0 & 0 & 1 & 1 & 1 & 1 & 1 & 0 & 0 & 0 \\
&&&&&&&&&&&\\
};
\draw[->, thick] (-0.80,-1.6) -- (1,-1.6);
\draw [densely dashed] (-1,-1.1) -- (-1,-1.7);
\draw [densely dashed] (1.25,-1.1) -- (1.25,-1.7);
\end{tikzpicture}
\end{tikzpicture}
\end{document}