こちらはこの章のコード例です。これらのページは現在、時間をかけて更新されています（画像、キャプションの追加、おそらくさらなる例の追加）。更新のためにもう一度訪れてください。もちろん、このページを説明が得られる本と一緒に使用するのが最善の方法です。
図 5.1 – 華やかなノード
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\node [font = \sffamily\bfseries, text=white, shape = circle, ball color = blue] (A) {A};
\end{tikzpicture}
\end{document}
図 5.2 – ケーニヒスベルクの七つの橋
\documentclass[tikz,border=10pt]{standalone}
\usetikzlibrary{decorations.pathmorphing,arrows.meta}
\begin{document}
\begin{tikzpicture}[line width=5pt]
\clip (-3.5,3.5) rectangle (7,-3.5);
\fill[fill=green!50!black] (-3.7,4) rectangle (8,-4);
\filldraw[draw=red!80!black, fill=blue!60!black] (-4,-0.5)
to (-4,0.5) to[out=0, in=-180] (0,2)
to[out=0, in=-180] (6,2.5) to[out=0, in=-180] (12,1)
to (12,-1) to[out=180, in=0] (6,-2.5)
to[out=180, in=0] (0,-2) to[out=180, in=0] (-4,-0.5);
\filldraw[draw=red!80!black, fill=green!50!black]
ellipse (2 and 1)
(6,0) ellipse (3 and 1.5);
\draw[double=yellow, double distance=6mm, line width=1mm]
(-2,2) to[bend left=30] (-1,0.3)
(-2,-2) to[bend right=30] (-1,-0.3)
(1.3,2.7) to[bend right=30] (0.15,0.7)
(1.3,-2.7) to[bend left=30] (0.15,-0.7)
(1.3,0) to[bend left=30] (3.7,0)
(5,3) to[bend left=30] (6,1.2)
(5,-3) to[bend right=30] (6,-1.3);
\end{tikzpicture}
\end{document}
図 5.3 – 小さなグラフ
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{vertex/.style = {font = \sffamily\bfseries, text = white,
shape = circle, ball color = blue}}
\tikzset{bridge/.style = {thick, double = yellow,
double distance = 1pt}}
\tikzset{number/.style = {font = \sffamily\bfseries, text = white,
draw, fill = red}}
\begin{document}
\begin{tikzpicture}
\node[vertex] (A) {A};
\node[vertex, right = 4 cm of A] (B) {B};
\draw (A) edge[bridge] node [number] {1} (B);
\end{tikzpicture}
\end{document}
図 5.4 – ケーニヒスベルクの橋問題のためのグラフ
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{
vertex/.style = {font = \sffamily\bfseries, text = white,
shape = circle, ball color = blue},
bridge/.style = {thick, double = yellow,
double distance = 1pt},
number/.style = {font = \sffamily\bfseries, text = white,
draw, fill = red}}
\begin{document}
\begin{tikzpicture}
\node[vertex] (A) {A};
\node[vertex, right = 4 cm of A] (B) {B};
\draw (A) edge [bridge] node [number] {1} (B);
\node[vertex, below = 2cm of A] (C) {C};
\node[vertex, above = 2cm of A] (D) {D};
\tikzset{bridge/.append style = {bend right}}
\draw (C) edge [bridge] node [number] {2} (B)
(B) edge [bridge] node [number] {3} (D)
(C) edge [bridge] node [number] {4} (A)
(A) edge [bridge] node [number] {5} (C)
(A) edge [bridge] node [number] {6} (D)
(D) edge [bridge] node [number] {7} (A);
\end{tikzpicture}
\end{document}
Inheriting styles:
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{
mytext/.style = {font=\sffamily\bfseries, text=white},
vertex/.style = {mytext, shape = circle,
ball color = blue},
number/.style = {mytext, draw, fill = red}}
\tikzset{
bridge/.style = {thick, double = yellow,
double distance = 1pt}}
\begin{document}
\begin{tikzpicture}
\node[vertex] (A) {A};
\node[vertex, right = 4 cm of A] (B) {B};
\draw (A) edge [bridge] node [number] {1} (B);
\node[vertex, below = 2cm of A] (C) {C};
\node[vertex, above = 2cm of A] (D) {D};
\tikzset{bridge/.append style = {bend right}}
\draw (C) edge [bridge] node [number] {2} (B)
(B) edge [bridge] node [number] {3} (D)
(C) edge [bridge] node [number] {4} (A)
(A) edge [bridge] node [number] {5} (C)
(A) edge [bridge] node [number] {6} (D)
(D) edge [bridge] node [number] {7} (A);
\end{tikzpicture}
\end{document}
図 5.5 – 頂点 A と辺 1 の強調表示
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{
mytext/.style = {font=\sffamily\bfseries, text=white},
vertex/.style = {mytext, shape = circle,
ball color = blue},
number/.style = {mytext, draw, fill = red}}
\tikzset{
bridge/.style = {thick, double = yellow,
double distance = 1pt}}
\tikzset{highlight/.style = {draw=yellow, very thick, densely dotted},
highlight vertex/.style = {vertex, highlight},
highlight number/.style = {number, highlight}}
\begin{document}
\begin{tikzpicture}
\node[highlight vertex] (A) {A};
\node[vertex, right = 4 cm of A] (B) {B};
\draw (A) edge [bridge] node [highlight number] {1} (B);
\node[vertex, below = 2cm of A] (C) {C};
\node[vertex, above = 2cm of A] (D) {D};
\tikzset{bridge/.append style = {bend right}}
\draw (C) edge [bridge] node [number] {2} (B)
(B) edge [bridge] node [number] {3} (D)
(C) edge [bridge] node [number] {4} (A)
(A) edge [bridge] node [number] {5} (C)
(A) edge [bridge] node [number] {6} (D)
(D) edge [bridge] node [number] {7} (A);
\end{tikzpicture}
\end{document}
One parameter
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{vertex/.style = {font = \sffamily\bfseries, text = white,
shape = circle, ball color = #1}}
\tikzset{bridge/.style = {thick, double = yellow,
double distance = 1pt}}
\tikzset{number/.style = {font = \sffamily\bfseries, text = white,
draw, fill = red}}
\begin{document}
\begin{tikzpicture}
\node[vertex=blue] (A) {A};
\node[vertex=red, right = 4 cm of A] (B) {B};
\draw (A) edge[bridge] node [number] {1} (B);
\end{tikzpicture}
\end{document}
One parameter with default value
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\tikzset{vertex/.style = {font = \sffamily\bfseries, text = white,
shape = circle, ball color = #1},
vertex/.default = blue}
\tikzset{bridge/.style = {thick, double = yellow,
double distance = 1pt}}
\tikzset{number/.style = {font = \sffamily\bfseries, text = white,
draw, fill = red}}
\begin{document}
\begin{tikzpicture}
\node[vertex] (A) {A};
\node[vertex=red, right = 4 cm of A] (B) {B};
\draw (A) edge[bridge] node [number] {1} (B);
\end{tikzpicture}
\end{document}
図 5.6 – 繰り返される小さな画像
\documentclass[tikz,border=10pt]{standalone}
\tikzset{smiley/.pic={
\draw[shading=ball, ball color=yellow] (0,0)
circle [radius=2];
\draw[shading=ball, ball color=black] (-0.5,0.5,0)
ellipse [x radius=0.2, y radius=0.4];
\draw[shading=ball, ball color=black] (0.5,0.5,0)
ellipse [x radius=0.2, y radius=0.4];
\draw[very thick] (-1,-1) arc [start angle=185,
end angle=355, x radius=1, y radius=0.5];}}
\begin{document}
\begin{tikzpicture}
\draw
(0,0) pic{smiley}
(2,2) pic [scale=0.5, rotate=-30] {smiley}
(-2,1.5) pic [scale=0.3, rotate= 30] {smiley}
(-1.6,2) pic [scale=0.15, rotate=-20] {smiley}
(0,2) pic [scale=0.2, rotate=-10] {smiley};
\end{tikzpicture}
\end{document}
図 5.7 – グリッド上の魅力的な動物たち
\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usepackage{tikzlings}
\tikzset{mygrid/.pic={
\draw[thin,dotted] (-3,-3) grid (3,3);
\draw[->] (-3,0) -- (3,0);
\draw[->] (0,-3) -- (0,3);},
bear/.pic={\bear},
owl/.pic={\owl},
pig/.pic={\pig},
penguin/.pic={\penguin},
chicken/.pic={\chicken}}
\begin{document}
\begin{tikzpicture}
\draw pic{mygrid}
(-1,0) pic{chicken}
(1,0) pic{pig}
(-2,-2) pic{bear}
(0,-2) pic{penguin}
(2,-2) pic{owl};
\end{tikzpicture}
\end{document}
次の章 へ進む.