Comparison of Climate in Malaysia and Japan
Bar chart of Temperature and Rainfall
- The bar charts of the temperature and rainfall of following 4 cities are shown in this page.
- The temperature means 'Average temperature of each month' and rainfall means 'Cumulative rainfall of each month.'
| Location | Description |
|---|---|
| Kuala Lumpur | Capital of Malaysia. (data source: Chronological Scientific Tables 2008) |
| Tokyo | Capital of Japan. (data source: Chronological Scientific Tables 2008) |
| Maebashi | Capital of Gumma prefecture. It is at the center of Honsyuu in Japan. Maebashi is the next city of Takasaki where I have my house. (data source: Chronological Scientific Tables 2008) |
| Komagane | My hometown. It is in southern part of Nagano prefecture. (data source: Komagane-shi no gaikyou) |
| 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 |
Create a bar chart in HTML
- These bar charts are created by simple method using gif image with specified length in the table element.
- Style of table element is re-defined in the HTML document described bar charts.
- Gif image are pasted as scales.
- All gif images are created by ImageMagick.
- Commands of batch file for ImageMagick are shown below.
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
