【matplotlib】グラフの色々な位置にアノテーションをつける

1# サンプルデータの作成
2x = [1, 2, 3, 4, 5, 6, 7]
3y = [0, 1, 2, 3, 5, 8, 13]
4
5plt.figure(figsize=(8, 4.5))
6plt.bar(x, y, color='gray')
7
8# y軸の上に「円」という注釈を加える
9plt.annotate('円', xy=(0, 1), xytext=(10, 0), 
10             xycoords='axes fraction', 
11             textcoords='offset points',
12             ha='right', va='bottom')
13# x軸の右に「月」という注釈を加える
14plt.annotate('月', xy=(1, 0), xytext=(-5, -10),
15             xycoords='axes fraction',
16             textcoords='offset points',
17             ha='center', va='center')
18# 最大値となるバーに注釈をつける
19y_max = max(y)
20x_max = x[y.index(y_max)]
21plt.annotate('最大値', xy=(x_max, y_max), xytext=(0, -10),
22             xycoords='data', textcoords='offset points',
23             ha='center', va='top', color='white')
24
25# 最小値となるバーに注釈をつける
26y_min = min(y)
27x_min = x[y.index(y_min)]
28plt.annotate('minimum 0', xy=(x_min, y_min), xytext=(10, 40),
29             xycoords='data', textcoords='offset points',
30             ha='center', va='top',
31             arrowprops=dict(arrowstyle='-|>', facecolor='blue', edgecolor='red')
32            )
33
34
35title = 'annotation_sample'
36plt.title(title)
37plt.tight_layout()
38plt.show()

1# サンプルデータの作成
2x = [1, 2, 3, 4, 5, 6, 7]
3y = [1, 1, 1, 1, 1, 1, 1]
4
5
6plt.figure(figsize=(10, 4.5))
7plt.bar(x, y, color=sns.color_palette('pastel'))
8
9# haの位置をcenter, right, leftに設定した注釈
10# haにcenterを設定すると、注釈テキストの中心が、基準点（xyで指定した点）に来るように配置される。
11plt.annotate('ha-center', xy=(x[0], y[0]), xytext=(0, 0),
12             xycoords='data', textcoords='offset points',
13             ha='center',
14             va='center',
15             fontsize='large',
16            )
17
18# haにrightを設定すると、注釈テキストの右端が、基準点（xyで指定した点）に来るように配置される。
19# つまり、この例の場合、注釈は中心よりも左側に表示される
20plt.annotate('ha-right', xy=(x[1], y[1]), xytext=(0, 0),
21             xycoords='data', textcoords='offset points',
22             ha='right',
23             va='center',
24             fontsize='large',
25            )
26
27
28# haにleftを設定すると、注釈テキストの左端が、基準点（xyで指定した点）に来るように配置される。
29# つまり、この例の場合、注釈は中心よりも右側に表示される
30plt.annotate('ha-right', xy=(x[2], y[2]), xytext=(0, 0),
31             xycoords='data', textcoords='offset points',
32             ha='left',
33             va='center',
34             fontsize='large',
35            )
36
37# vaの位置をcenter, top, bottomに設定した注釈
38# vaにcenterを設定すると、注釈テキストの中心が、基準点（xyで指定した点）に来るように配置される。
39plt.annotate('va-center', xy=(x[3], y[3]), xytext=(0, 0),
40             xycoords='data', textcoords='offset points',
41             ha='center',
42             va='center',
43             fontsize='large',
44            )
45
46# vaにtopを設定すると、注釈テキストの上端が、基準点（xyで指定した点）に来るように配置される。
47# つまり、この例の場合、注釈は中心よりも下側に表示される
48plt.annotate('va-top', xy=(x[4], y[4]), xytext=(0, 0),
49             xycoords='data', textcoords='offset points',
50             ha='center',
51             va='top',
52             fontsize='large',
53            )
54
55# vaにbottomを設定すると、注釈テキストの下端が、基準点（xyで指定した点）に来るように配置される。
56# つまり、この例の場合、注釈は中心よりも上側に表示される
57plt.annotate('va-bottom', xy=(x[5], y[5]), xytext=(0, 0),
58             xycoords='data', textcoords='offset points',
59             ha='center',
60             va='bottom',
61             fontsize='large',
62            )
63
64# ha=left, va-topに指定することで注釈テキストの左上が基準点に来るようにする。
65# 更にxytextにoffset pointsを指定して10ポイント右下に移動させる。
66plt.annotate('left-top', xy=(x[6], y[6]), xytext=(10, -10),
67             xycoords='data', textcoords='offset points',
68             ha='left',
69             va='top',
70             fontsize='large',
71            )
72
73title = 'annotation_va_ha_sample'
74plt.title(title)
75plt.tight_layout()
76plt.show()

1# サンプルデータの作成
2x = [1, 2, 3, 4, 5, 6, 7]
3y = [1, 1, 2, 3, 5, 8, 13]
4
5plt.figure(figsize=(8, 4.5))
6plt.bar(x, y, color=sns.color_palette('muted'))
7
8# 基準点の座標系をデータの座標系を設定する
9# グラフのx=3, y=5の点を基準として注釈が表示される
10# グラフ内の特定の値に対して注釈をつけたい時などに使う
11plt.annotate('data: 3, 5', xy=(3, 5), 
12             xycoords='data', 
13             ha='center', va='center')
14
15# 基準点の座標系に軸のサイズを基準とした相対的な座標系を設定する
16# 軸の左下が0になり、右上が1になる
17# 以下の例の場合、x軸は0から20%の点が基準となる。y軸は1なので軸の上端が基準となる。
18# そのため、軸の上端の上に注釈が表示される。
19# グラフ内の決まった位置に注釈をつけたい時などに使う
20plt.annotate('axes fraction: 0.2, 1', xy=(0.2, 1), 
21             xycoords='axes fraction', 
22             ha='center', va='center')
23
24# 基準点の座標系に図のサイズを基準とした相対的な座標系を設定する
25# 図の左下が0になり、右上が1になる
26# 以下の例の場合、x軸方向は図の左端から20%の点が基準となる。y軸方向は図の上端が基準となる。
27# 図の一番上部分が中心となるように設定しているため、文字の上半分が切れている。
28# axes fractionでは指定しにくい場所に注釈をつけたい時には使うかも。
29# subplotsを使ったグラフの全体で座標指定して注釈をつけたい時には使うかも
30plt.annotate('figure fraction: 0.2, 1', xy=(0.2, 1), 
31             xycoords='figure fraction', 
32             ha='center', va='center')
33
34# 基準点の座標系に、軸の左下を原点としたポイント単位の座標系を設定する。
35# 1ポイント≒1/72インチで大きさが決まっている。
36# 以下の例の場合、軸の原点からx軸方向に100ポイント、y軸方向に50ポイント移動した点を基準点とする。
37plt.annotate('axes points: 100, 50', xy=(100, 50), 
38             xycoords='axes points', 
39             ha='center', va='center')
40
41# 基準点の座標系に、軸の左下を原点としたピクセル単位の座標系を設定する。
42# 以下の例の場合、軸の原点からx軸方向に100ピクセル、y軸方向に50ピクセル移動した点を基準点とする。
43# ピクセル単位なので、ディスプレイの解像度が異なると、グラフ上の表示位置も変わる。
44# xycoordsの指定には、ポイントもピクセルもあまり使わない気がする。
45plt.annotate('axes pixels: 100, 50', xy=(100, 50), 
46             xycoords='axes pixels', 
47             ha='center', va='center')
48
49title = 'annotation_xycoords_sample'
50plt.title(title, fontsize='x-large')
51plt.tight_layout()
52plt.show()

1# サンプルデータの作成
2x = [1, 2, 3, 4, 5, 6, 7]
3y = [1, 1, 2, 3, 5, 8, 13]
4
5plt.figure(figsize=(8, 4.5))
6plt.bar(x, y, color=sns.color_palette('deep'))
7
8# 軸の中心点に注釈を表示
9plt.annotate('x', xy=(0.5, 0.5), xycoords='axes fraction', ha='center', va='center')
10
11# xy(基準点)をaxes fractionで(0.5, 0.5)と指定（軸の中心が基準となる。
12# 基準点からx軸方向へ100ポイント、y軸方向へ50ポイント移動した点が新たな基準点となる。
13plt.annotate('offset pixels: 100, 50', xy=(0.5, 0.5), xycoords='axes fraction', 
14             xytext=(100, 50),
15             textcoords='offset points',
16             ha='center', va='center')
17
18title = 'annotation_textcoords_sample'
19plt.title(title, fontsize='x-large')
20plt.tight_layout()
21plt.show()

1# xy(基準点)をaxes fractionで(0.5, 0.5)と指定（軸の中心が基準となる。
2# 基準点からx軸方向へ100ポイント、y軸方向へ50ポイント移動した点が新たな基準点となる。
3plt.annotate('offset pixels: 100, 50', xy=(0.5, 0.5), xycoords='axes fraction', 
4             xytext=(100, 50),
5             textcoords='offset points',
6             ha='center', va='center')
7