日本の各種統計データの可視化 (漁業・農業)

1.概要

「Google Chartsを使ってデータの可視化」で各種グラフパターン を紹介していますが、今回は、その第三弾として、日本の漁業、農業の統計ータを利用してグラフパータンに当て嵌めて見ました。グラフによる可視化で全体の把握や 相互の比較ができて分かりやすくなったと思います。漁業については、年々、生産量も減少し、産出額では、養殖業の占める割合が増しています。 獲るから育てて海の資源を保護しながら共存していますね。農業は、田畑の耕作面積を見てみると、田が若干多いですが、ほぼ同じ割合となっています。 グラフから皆さんは、どのようなことが読み取れますか?近年は食料事情として輸入に依存しているものが多いですが、品質の良い国産で自給率を上げていきたいものです。

2.利用方法

グラフは下記の8種類を作成しました。下記のデモ(DEMO)日本の各種統計データの可視化 (漁業・農業)をクリックすると実際のグラフが確認できます。
    ・ 1. 漁業・養殖業の算出額の推移
    ・ 2. 漁業・養殖業の生産量の推移
    ・ 3. 漁業・養殖業部門別統計の推移
    ・ 4. 全国の田畑別耕地面積推移
    ・ 5. 全国の田畑別耕地面積平均
    ・ 6. 農林水産業の産出額
    ・ 7. 品目別の農業産出額
    ・ 8. 主要農畜産物の都道府県別TOP5

DEMO   日本の各種統計データの可視化 (漁業・農業)


3.ソースコード

ソースコードは少し長いので、グラフ本体部分のJavaScriptのみ掲載します。詳細が必要であれば、ブラウザのソースコードの表示などで確認して下さい。
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="./css/graphdemo.css">
  <script type="text/javascript">
       google.charts.load('current', {'packages':['corechart']});
       google.charts.setOnLoadCallback(drawChart1);
       google.charts.setOnLoadCallback(drawChart2);
       google.charts.setOnLoadCallback(drawChart3);
       google.charts.setOnLoadCallback(drawChart4);
       google.charts.setOnLoadCallback(drawChart5);
       google.charts.setOnLoadCallback(drawChart6);
       google.charts.setOnLoadCallback(drawChart7);
       google.charts.setOnLoadCallback(drawChart8);
       google.charts.setOnLoadCallback(drawChart9);
       google.charts.setOnLoadCallback(drawChart10);
       google.charts.setOnLoadCallback(drawChart11);
       google.charts.setOnLoadCallback(drawChart12);
       google.charts.setOnLoadCallback(drawChart13);
       google.charts.setOnLoadCallback(drawChart14);
       google.charts.setOnLoadCallback(drawChart15);
       google.charts.setOnLoadCallback(drawChart16);

       //***** 面グラフ(産出額) *****
       function drawChart1() {
          var data = google.visualization.arrayToDataTable([
              ['年', '内水面漁業・養殖業', '海面養殖業','沿岸漁業','沖合漁業','遠洋漁業'],
              ['1965年',   226,  819, 1404, 1442, 1670],
              ['1970年',   487, 1353, 2514, 2368, 2969],
              ['1975年',  1130, 2536, 5132, 5311, 4761],
              ['1980年',  1688, 4687, 7315, 8300, 5722],
              ['1985年',  1762, 5222, 7508, 7583, 6828],
              ['1990年',  1621, 6093, 8047, 7037, 4422],
              ['1995年',  1637, 5739, 6783, 5559, 2770],
              ['2000年',  1133, 5272, 5764, 4456, 2120],
              ['2005年',  1018, 4392, 5094, 3876, 1620],
              ['2010年', 14831,  830, 4284,    0,    0],
              ['2016年', 15856, 1138, 5097,    0,    0]
          ]);
          var view = new google.visualization.DataView(data);
          var options = {
              'title': '1.漁業・養殖業の算出額の推移 単位:(億円)',
              'isStacked': 'absolute',
              'width': 800,
              'height': 350,
              'titleTextStyle': { fontSize: 16,color:'#0000dd' },
              'legendTextStyle': { fontSize: 11 },
              'legend': {position: 'right', maxLines: 3},
              'chartArea':{left:60,top:60,width:'73%',height:'70%'},
              'vAxis': {
                  minValue: 0
              }
          };
          var chart = new google.visualization.AreaChart(document.getElementById('chart_div1'));
          chart.draw(data, options);
       }
        //***** 面グラフ(生産量) *****
       function drawChart2() {
          var data = google.visualization.arrayToDataTable([
              ['年', '内水面漁業・養殖業', '海面養殖業','沿岸漁業','沖合漁業','遠洋漁業','マイワシ','マイワシ除く'],
              ['1965年',  15,  38, 186, 279, 173,   1, 464],
              ['1970年',  17,  55, 189, 328, 343,   2, 515],
              ['1975年',  20,  77, 194, 445, 319,  53, 586],
              ['1980年',  22,  99, 204, 570, 217, 220, 554],
              ['1985年',  21, 109, 227, 650, 211, 387, 490],
              ['1990年',  21, 127, 199, 608, 150, 368, 439],
              ['1995年',  17, 131, 183, 326,  92,  66, 443],
              ['2000年',  13, 123, 158, 259,  85,  15, 402],
              ['2005年',  10, 121, 146, 244,  55,   3, 388],
              ['2010年',   8, 111, 129, 236,  48,   7, 357],
              ['2016年',   6, 103,  99, 194,  33,  38, 255]
          ]);
          var view = new google.visualization.DataView(data);
          var options = {
              'title': '2.漁業・養殖業の生産量の推移 単位:(万トン)',
              'isStacked': 'absolute',
              'width': 800,
              'height': 350,
              'titleTextStyle': { fontSize: 16,color:'#0000dd' },
              'legendTextStyle': { fontSize: 11 },
              'legend': {position: 'right', maxLines: 3},
              'chartArea':{left:60,top:60,width:'73%',height:'70%'},
              'vAxis': {
                  minValue: 0
              }
          };
          var chart = new google.visualization.AreaChart(document.getElementById('chart_div2'));
          chart.draw(data, options);
       }
       //***** 積み上げ縦棒グラフ(生産量) *****
       function drawChart3() {
          var data = google.visualization.arrayToDataTable([
              ['年', '海面遠洋漁業', '海面沖合漁業', '海面沿岸漁業', '海面養殖業',
               '内水面漁業', '内水面養殖業',{ role: 'annotation' } ],
               
              ['2009年', 442.9, 2411.0, 1293.4, 1202.1, 41.6, 40.9, ''],
              ['2010年', 480.1, 2356.3, 1285.7, 1111.3, 39.8, 39.4, ''],
              ['2011年', 430.8, 2264.3, 1129.0,  868.7, 34.3, 38.9, ''],
              ['2012年', 458.3, 2198.1, 1090.3, 1039.5, 32.9, 33.9, ''],
              ['2013年', 395.8, 2169.1, 1150.6,  997.1, 30.6, 30.5, ''],
              ['2014年', 368.8, 2246.3, 1098.2,  987.6, 30.6, 33.9, ''],
              ['2015年', 358.2, 2053.2, 1081.1, 1069.1, 32.9, 36.3, ''],
              ['2016年', 333.9, 1936.1,  993.6, 1032.5, 25.9, 35.2, ''],
              ['2017年', 313.7, 2051.5,  892.8,  986.0, 25.2, 36.8, ''],
              ['2018年', 349.4, 2041.7 , 968.4, 1004.9, 27.0, 29.8, ''],
              ['2019年', 328.8, 1969.9,  929.5,  915.2, 21.8, 31.1, '']
          ]);
          var view = new google.visualization.DataView(data);
          var options = {'title':'3.漁業・養殖業部門別統計の推移 単位:(千トン)',
              'width': 800,
              'height': 350,
              'titleTextStyle': { fontSize: 16,color:'#0000dd' },
              'legendTextStyle': { fontSize: 11 },
              'legend': { position: 'right', maxLines: 3 },
              'bar': { groupWidth: '75%' },
              'chartArea':{left:60,top:60,width:'75%',height:'70%'},
              'isStacked': true
          };
          var chart= new google.visualization.ColumnChart(document.getElementById('chart_div3'));
          chart.draw(data, options);
       }
       //***** 4.積み上げ(100%)横棒グラフ(田畑別耕地面積割合) *****
       function drawChart4() {
          var data = google.visualization.arrayToDataTable([
              ['', '田(ha)', '畑(ha)',  { role: 'annotation' } ],
              ['2016年', 2432000, 2039000, ''],
              ['2017年', 2418000, 2026000, ''],
              ['2018年', 2405000, 2014000, ''],
              ['2019年', 2393000, 2004000, ''],
              ['2020年', 2379000, 1993000, '']
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'title': '4.全国の田畑別耕地面積推移 割合 単位:(%)',
              'isStacked': 'percent',
              'width' : 400,
              'height': 350,
              'titleTextStyle': {fontSize: 16,color:'#0000dd'},
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:60,top:60,width:'100%',height:'70%'},
              'hAxis': {
                 minValue: 0,
                 ticks: [0, .3, .6, .9, 1]
              }
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div4"));
          chart.draw(view, options_fullStacked);
       }
       //***** 5.ドーナツグラフ(田畑別耕地面積割合) *****
       function drawChart5() {
          var data = new google.visualization.DataTable();
              data.addColumn('string', 'Topping');
              data.addColumn('number', 'Slices');
              data.addRows([
                  ['田 (2,405,400ha)', 2405400],
                  ['畑 (2,015,200ha)', 2015200]
          ]);
          var view = new google.visualization.DataView(data);
          var options = {'title':'5.全国の田畑別耕地面積平均 単位:(%)',
              'width' : 400,
              'height': 350,
              'titleTextStyle': {fontSize:16,color:'#0000dd'},
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:110,top:60,width:'100%',height:'70%'},
              'pieHole': 0.3
          };
          var chart= new google.visualization.PieChart(document.getElementById('chart_div5'));
          chart.draw(data, options);
       }
       //***** 6.ドーナツグラフ(農林水産業の産出額割合) *****
       function drawChart6() {
          var data = new google.visualization.DataTable();
              data.addColumn('string', 'Topping');
              data.addColumn('number', 'Slices');
              data.addRows([
                  ['農業 (82,900億円)', 82900],
                  ['林業 ( 4,322億円)',  4322],
                  ['漁業 (16,069億円)', 16069]
          ]);
          var view = new google.visualization.DataView(data);
          var options = {'title':'6.農林水産業の産出額 割合 単位:(%)',
              'width' : 400,
              'height': 350,
              'titleTextStyle': {fontSize:16,color:'#0000dd'},
              'legend': {position:'right', maxLines: 3},
              'chartArea':{left:30,top:60,width:'100%',height:'70%'},
              'pieHole': 0.3
          };
          var chart= new google.visualization.PieChart(document.getElementById('chart_div6'));
          chart.draw(data, options);
       }
       //***** 7.ドーナツグラフ(品目別の産出額割合) *****
       function drawChart7() {
          var data = new google.visualization.DataTable();
              data.addColumn('string', 'Topping');
              data.addColumn('number', 'Slices');
              data.addRows([
                  ['乳用牛 (7,441億円)',   7441],
                  ['鶏     (6,509億円)',   6509],
                  ['豚     (4,980億円)',   4980],
                  ['肉用牛 (4,601億円)',   4601],
                  ['野菜   (20,574億円)', 20574],
                  ['米     (18,146億円)', 18146],
                  ['果実   (7,570億円)',   7570],
                  ['花き   (4,016億円)',   4016],
                  ['いも類 (2,015億円)',   2015],
                  ['麦類   (1,461億円)',   1461],
                  ['豆類   (782億円)',      782],
                  ['その他 (4,805億円)',   4805]
          ]);
          var view = new google.visualization.DataView(data);
          var options = {'title':'7.品目別の農業産出額 割合 単位:(%)',
              'width' : 400,
              'height': 350,
              'titleTextStyle': {fontSize:16,color:'#0000dd'},
              'legend': {position:'right', maxLines: 3},
              'chartArea':{left:30,top:60,width:'100%',height:'70%'},
              'pieHole': 0.3
          };
          var chart= new google.visualization.PieChart(document.getElementById('chart_div7'));
          chart.draw(data, options);
       }
       //***** 8-1.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart8() {
          var data = google.visualization.arrayToDataTable([
              ['', '新潟県', '北海道','秋田県','茨城県','山形県','その他',  { role: 'annotation' }],
              ['米', 1417, 1279, 1007, 868, 850, 12035, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'title': '8.主要農畜産物の都道府県別TOP5 割合 単位:(%)',
              'isStacked': 'percent',
              'width' : 800,
              'height': 120,
              'titleTextStyle': {fontSize: 16,color:'#0000dd'},
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:60,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div8"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-2.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart9() {
          var data = google.visualization.arrayToDataTable([
              ['', '北海道', '栃木県','熊本県','岩手県','千葉県','その他',  { role: 'annotation' }],
              ['生乳', 3713, 356, 259, 234, 233, 2619, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div9"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-3.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart10() {
          var data = google.visualization.arrayToDataTable([
              ['', '鹿児島県', '北海道','宮崎県','熊本県','岩手県','その他',  { role: 'annotation' }],
              ['肉用牛', 1258, 1002, 747, 420, 283, 3518, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div10"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-4.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart11() {
          var data = google.visualization.arrayToDataTable([
              ['', '鹿児島県', '宮崎県','千葉県','北海道','群馬県','その他',  { role: 'annotation' }],
              ['豚', 832, 555, 546, 459, 452, 3731, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div11"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-5.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart12() {
          var data = google.visualization.arrayToDataTable([
              ['', '茨城県', '千葉県','鹿児島県','広島県','岡山県','その他',  { role: 'annotation' }],
              ['鶏卵', 516, 386, 286, 259, 253, 3627, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div12"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-6.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart13() {
          var data = google.visualization.arrayToDataTable([
              ['', '茨城県', '千葉県','鹿児島県','広島県','岡山県','その他',  { role: 'annotation' }],
              ['ブロイラー', 702, 645, 589, 211, 172, 1259, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div13"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-7.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart14() {
          var data = google.visualization.arrayToDataTable([
              ['', '熊本県', '北海道','愛知県','千葉県','茨城県','その他',  { role: 'annotation' }],
              ['トマト', 458, 231, 173, 136, 135, 1289, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div14"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-8.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart15() {
          var data = google.visualization.arrayToDataTable([
              ['', '北海道', '栃木県','群馬県','熊本県','千葉県','その他',  { role: 'annotation' }],
              ['乳牛', 1206, 62, 57, 46, 43, 440, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div15"));
          chart.draw(view, options_fullStacked);
       }
       //***** 8-9.積み上げ(100%)横棒グラフ(主要農畜産物の都道府県別TOP5) *****
       function drawChart16() {
          var data = google.visualization.arrayToDataTable([
              ['', '栃木県', '福岡県','静岡県','熊本県','長崎県','その他',  { role: 'annotation' }],
              ['いちご', 271, 218, 114, 110, 101, 938, ''],
          ]);
          var view = new google.visualization.DataView(data);
          var options_fullStacked = {
              'isStacked': 'percent',
              'width' : 800,
              'height': 110,
              'legend': {position:'top', maxLines: 3},
              'chartArea':{left:70,top:20,width:'100%',height:'55%'},
          };
          var chart = new google.visualization.BarChart(document.getElementById("chart_div16"));
          chart.draw(view, options_fullStacked);
       }
  </script>

4.ソースコードについて

掲載ソースコードのライセンスは、CC0 (クレジット表示不要、改変可、商用可) とします。自由に利用して頂いてかまいません。 尚、データの取得やプログラム実行において損害等が生じた場合は、筆者は一切の責任も負いません。全て自己責任でお願いします。

■関連記事
・Google Chartsを使ってデータの可視化
・日本の各種統計データの可視化 (人口・国土)
・日本の各種統計データの可視化 (河川・山・湖沼・温泉)
・日本の各種統計データの可視化 (気候)

コメント

このブログの人気の投稿

Excelアドインで日本語形態素解析

階層構造JSONファイルの作成

HSPでコマンドプロンプトを制御する

TOP