本文へ移動

TikZ で描く図

tikzpicture の中に、\draw (0,0) -- (2,1);、\draw (1,1) circle (0.5);、\fill[blue] (0,0) rectangle (1,1); のようなパスのコマンドを書き、それぞれセミコロンで終えます。

線と座標

TikZ は \usepackage{tikz} で読み込みます。図は tikzpicture の中に書きます。\draw はパスを線で描き、-- は点を直線で結びます。(2,1) のような単純な座標の単位はセンチメートルです。

折れ線、閉じた三角形、グリッド

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \draw[help lines] (0,0) grid (5,3);
  \draw[thick] (0,0) -- (1,2) -- (2,1) -- (3,2.5);
  \draw[blue, fill=blue!15] (3.5,0.5) -- (5,0.5) -- (4.25,2) -- cycle;
\end{tikzpicture}

-- cycle はパスを始点に戻して閉じるので、塗りつぶしの角がきれいになります。

図形

パス描くもの
(0,0) rectangle (2,1)一方の角からもう一方の角までの長方形
(1,1) circle (0.5) または circle[radius=0.5]中心の周りの円
(1,1) ellipse (1 and 0.5)2 つの半径を持つ楕円
(1,0) arc (0:90:1) または arc[start angle=0, end angle=90, radius=1]現在の点から始まる円弧
(0,0) grid (3,2)1 cm 間隔のグリッド線(ほかの間隔は step=0.5)
(0,0) .. controls (1,1) and (2,1) .. (3,0)ベジェ曲線
(0,0) to[out=90, in=180] (2,2)指定した角度で出て入る曲線

長方形、円、楕円、円弧、曲線

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \draw[rounded corners, fill=yellow!30] (0,0) rectangle (2,1.2);
  \draw[red, fill=red!20] (3,0.6) circle (0.6);
  \draw[teal, thick] (5,0.6) ellipse (0.9 and 0.5);
  \draw[->, thick] (7.2,0) arc (0:90:1);
  \draw[purple, thick] (0,-1.5) .. controls (1,0) and (2,-3) .. (3,-1.5);
  \draw[orange, thick] (4,-2) to[out=90, in=180] (6,-1);
\end{tikzpicture}

色、線の太さ、破線

角かっこ内のオプションでパスのスタイルを指定します。色の名前だけを書くと線の色になり、fill= で図形を塗りつぶします。\fill は線なしで塗りつぶし、\filldraw は両方を行います。

線の太さ、破線のパターン、色、不透明度

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \draw[ultra thin]  (0,2) -- (3,2);
  \draw[thick]       (0,1.6) -- (3,1.6);
  \draw[line width=3pt, blue!60] (0,1.2) -- (3,1.2);
  \draw[dashed]      (0,0.8) -- (3,0.8);
  \draw[dotted, thick] (0,0.4) -- (3,0.4);
  \draw[dash pattern=on 6pt off 2pt on 1pt off 2pt] (0,0) -- (3,0);
  \fill[green!50!black] (4,1) circle (0.5);
  \filldraw[fill=orange, draw=black, opacity=0.6] (4.5,0.6) rectangle (5.5,1.6);
  \draw[<->, red, thick] (4,-0.2) -- (6,-0.2);
\end{tikzpicture}

色には xcolor の任意の色名(red、teal、violet …)、blue!30!white のような混色、\definecolor{mine}{HTML}{0072B2} で定義した色を使えます。

グラデーション

\shade は図形をグラデーションで塗ります。線形のものには left color と right color(または top color と bottom color)、放射状のものには inner color と outer color、光の当たった球には ball color を使います。

線形、放射状、球のグラデーション

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \shade[left color=blue!60, right color=white] (0,0) rectangle (2.5,1);
  \shade[top color=orange, bottom color=yellow] (3,0) rectangle (4,1);
  \shade[inner color=white, outer color=teal] (5.2,0.5) circle (0.5);
  \shade[ball color=red] (6.7,0.5) circle (0.5);
\end{tikzpicture}

foreach で繰り返す

\foreach はリストの各値についてコマンドを繰り返します。{0,1,...,5} は途中の値を補います。ループ変数は座標、色、テキストの中で使えます。

ループで描く円とラベル

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \foreach \i in {0,1,...,5} {
    \draw[fill=blue!\i0] (1.2*\i,0) circle (0.45);
    \node at (1.2*\i,-0.8) {$\i$};
  }
  \foreach \a in {0,45,...,315}
    \draw[->] (9,0) -- ++(\a:0.9);
\end{tikzpicture}

(\a:0.9) は角度と距離で表す極座標です。++ は座標を直前の点からの相対位置にします。

scope と変形

scope は、その中のすべてにオプションを適用します。色、線のスタイル、そして shift、rotate、scale、xscale、yscale などの変形です。

移動、回転、拡大縮小した同じ正方形

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
\begin{tikzpicture}
  \draw (0,0) rectangle (1,1);
  \begin{scope}[shift={(2,0)}, rotate=30, red]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(4,0)}, scale=0.5, blue, thick]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(5.5,0)}, xscale=2, dashed]
    \draw (0,0) rectangle (1,1);
  \end{scope}
\end{tikzpicture}

本文中の小さな図

\tikz は、単語の横の色付きの点のような小さな図を段落の中に描きます。その直後にパスを書き、セミコロンで終えます。

文中の \tikz

LaTeXプリアンブル: \usepackage{tikz}エディタで開く (新しいタブで開きます)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

TeX のインストール環境との違い

TikZ のマニュアルは CTAN の PGF に含まれています:ctan.org/pkg/pgf。軸のあるグラフには pgfplots を使います。

よくある質問

LaTeX で円を描くにはどうすればよいですか?

TikZ を読み込み、\begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture} と書きます。かっこ内の値はセンチメートル単位の半径です。

TikZ の座標の単位は何ですか?

単なる数値はセンチメートルです。(2pt,1mm) や (1in,0) のように単位を書くこともできます。

図形を色で塗りつぶすにはどうすればよいですか?

輪郭線なしで塗るには \fill[blue] ...;、両方なら \draw[fill=blue!20] ...; を使います。

このページの例はすべて、サイトのビルド時に Scissor LaTeX で組版されています。 最終更新:2026-11-07