WANtaroHP (CLIMATE)

マレーシアと日本の気候の比較

気温と雨量の棒グラフ

以下の4都市の月平均気温，月間雨量の比較図を作りました．

場所	説明
クアラルンプール (Kuala Lumpur)	マレーシアの首都 (ソースデータ：理科年表平成20年)
東京 (Tokyo)	日本の首都 (ソースデータ：理科年表平成20年)
前橋 (Maebashi)	群馬県の県庁所在地. 本州の中央部にある. 管理人の自宅がある高崎の隣の街．(ソースデータ：理科年表平成20年)
駒ヶ根 (Komagane)	管理人の故郷. 長野県南部にある. (ソースデータ：駒ヶ根市の概況)

Temperature (°C)
Location	Jan	Feb	Mar	Apr	May	Jun	Jul	Aug	sep	Oct	Nov	Dec	year
Kuala Lumpur	26.5	26.9	27.2	27.4	27.6	27.5	27.0	27.0	26.9	26.8	26.5	26.3	27.0
Tokyo	5.8	6.1	8.9	14.4	18.7	21.8	25.4	27.1	23.5	18.2	13.0	8.4	15.9
Maebashi	3.3	3.6	6.9	12.9	17.7	21.2	24.7	26.1	21.9	16.1	10.5	5.8	14.2
Komagane	-3.7	-1.8	1.8	10.6	15.3	19.2	20.3	22.6	20.1	10.9	8.5	0.8	10.4
Rainfall (mm)
Location	Jan	Feb	Mar	Apr	May	Jun	Jul	Aug	sep	Oct	Nov	Dec	year
Kuala Lumpur	163.9	166.3	230.6	242.7	210.0	125.3	127.2	144.5	195.3	253.0	286.6	244.3	2389.8
Tokyo	48.6	60.2	114.5	130.3	128.0	164.9	161.5	155.1	208.5	163.1	92.5	39.6	1466.7
Maebashi	20.8	33.0	56.3	78.7	90.7	151.4	183.0	184.7	214.8	93.4	42.7	13.2	1162.2
Komagane	90.0	60.0	139.0	182.0	98.5	143.0	121.5	278.5	136.5	97.5	205.0	33.5	1585.0

HTML で棒グラフを作成する

これらの棒グラフは，table 要素の中に，長さを指定した gif 画像を貼り付けるという簡単な方法で作成しています．
table 要素のスタイルは，棒グラフを描くhtml文書の中で再定義しています．
目盛も gif 画像を貼り付けています．
用いた gif 画像は，ImageMagick を用い，以下のコマンドによるバッチファイルで作成しました．

convert -size 10x10  gradient:snow-blue gif_barR.gif
convert -size 10x10  gradient:snow-green gif_barT.gif

convert -size 210x18 xc:white -stroke black ^
-fill black -draw "translate 0,13 line 0,0 0,5" ^
-fill black -draw "translate 25,13 line 0,0 0,5" ^
-fill black -draw "translate 50,13 line 0,0 0,5" ^
-fill black -draw "translate 75,13 line 0,0 0,5" ^
-fill black -draw "translate 100,13 line 0,0 0,5" ^
-fill black -draw "translate 125,13 line 0,0 0,5" ^
-fill black -draw "translate 150,13 line 0,0 0,5" ^
-fill black -draw "translate 175,13 line 0,0 0,5" ^
-fill black -draw "translate 200,13 line 0,0 0,5" ^
-fill black -draw "translate 0,13 line 0,0 200,0" ^
-fill black -stroke none  -pointsize 10 ^
-draw "translate 1,11 text 0,0 '-10'" ^
-draw "translate 47,11 text 0,0 '0'" ^
-draw "translate 95,11 text 0,0 '10'" ^
-draw "translate 145,11 text 0,0 '20'" ^
-draw "translate 195,11 text 0,0 '30'" ^
gif_axisT1.gif

convert -size 210x18 xc:white -stroke black ^
-fill black -draw "translate 0,0 line 0,0 0,5" ^
-fill black -draw "translate 25,0 line 0,0 0,5" ^
-fill black -draw "translate 50,0 line 0,0 0,5" ^
-fill black -draw "translate 75,0 line 0,0 0,5" ^
-fill black -draw "translate 100,0 line 0,0 0,5" ^
-fill black -draw "translate 125,0 line 0,0 0,5" ^
-fill black -draw "translate 150,0 line 0,0 0,5" ^
-fill black -draw "translate 175,0 line 0,0 0,5" ^
-fill black -draw "translate 200,0 line 0,0 0,5" ^
-fill black -draw "translate 0,5 line 0,0 200,0" ^
-fill black -stroke none  -pointsize 10 ^
-draw "translate 1,15 text 0,0 '-10'" ^
-draw "translate 47,15 text 0,0 '0'" ^
-draw "translate 95,15 text 0,0 '10'" ^
-draw "translate 145,15 text 0,0 '20'" ^
-draw "translate 195,15 text 0,0 '30'" ^
gif_axisT2.gif

convert -size 160x18 xc:white -stroke black ^
-fill black -draw "translate 0,13 line 0,0 0,5" ^
-fill black -draw "translate 25,13 line 0,0 0,5" ^
-fill black -draw "translate 50,13 line 0,0 0,5" ^
-fill black -draw "translate 75,13 line 0,0 0,5" ^
-fill black -draw "translate 100,13 line 0,0 0,5" ^
-fill black -draw "translate 125,13 line 0,0 0,5" ^
-fill black -draw "translate 150,13 line 0,0 0,5" ^
-fill black -draw "translate 0,13 line 0,0 150,0" ^
-fill black -stroke none  -pointsize 10 ^
-draw "translate 1,11 text 0,0 '0'" ^
-draw "translate 42,11 text 0,0 '100'" ^
-draw "translate 92,11 text 0,0 '200'" ^
-draw "translate 142,11 text 0,0 '300'" ^
gif_axisR1.gif

convert -size 160x18 xc:white -stroke black ^
-fill black -draw "translate 0,0 line 0,0 0,5" ^
-fill black -draw "translate 25,0 line 0,0 0,5" ^
-fill black -draw "translate 50,0 line 0,0 0,5" ^
-fill black -draw "translate 75,0 line 0,0 0,5" ^
-fill black -draw "translate 100,0 line 0,0 0,5" ^
-fill black -draw "translate 125,0 line 0,0 0,5" ^
-fill black -draw "translate 150,0 line 0,0 0,5" ^
-fill black -draw "translate 0,5 line 0,0 150,0" ^
-fill black -stroke none  -pointsize 10 ^
-draw "translate 1,15 text 0,0 '0'" ^
-draw "translate 42,15 text 0,0 '100'" ^
-draw "translate 92,15 text 0,0 '200'" ^
-draw "translate 142,15 text 0,0 '300'" ^
gif_axisR2.gif