Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
forked:大阪市工業推移データの可視化
useful
0
Loading...
/* This is a Example program to retrieve and display the data. Press the Run button on the right of the screen (described the behavior of the Example program below). Please create a new application rewrite this program work. */ // 表示するデータの分類(デフォルトは「区」) var selCategory = "区"; // パッケージのロード google.load('visualization', '1', {'packages':['motionchart']}); google.setOnLoadCallback(drawVisualization); function setCategory(){ selCategory = $("#category")[0].value; // alert(selCategory); } function drawVisualization() { var tabdata = new google.visualization.DataTable(); var limit = 8; var count = 0; var category = ''; var ku = ''; var year = 0; var place = 0; var employee = 0; var ship = 0; var added = 0; tabdata.addColumn('string','区'); tabdata.addColumn('number','年度'); tabdata.addColumn('number','事業所数'); tabdata.addColumn('number','従業員数'); tabdata.addColumn('number','製造品出荷額等'); tabdata.addColumn('number','事業所付加価値額'); $.each(LinkData.getWorks(), function(workKey, workValue) { $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { count = 0; $.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) { if(count++ > limit) { return false; } $.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) { if(propValue == 'http://lodosaka.hozo.jp/category'){ category = objValue; } if(propValue == 'http://lodosaka.hozo.jp/name'){ ku = objValue; } if(propValue == 'http://lodosaka.hozo.jp/year'){ year = Number(objValue); } if(propValue == 'http://lodosaka.hozo.jp/num_of_business_place'){ place = Number(objValue); } if(propValue == 'http://lodosaka.hozo.jp/num_of_employee'){ employee = Number(objValue); } if(propValue == 'http://lodosaka.hozo.jp/shipment_value'){ ship = Number(objValue); } if(propValue == 'http://lodosaka.hozo.jp/added_value'){ added = Number(objValue); } }); }); // データのフィルタ if(category == selCategory){ tabdata.addRow([ ku, year, place, employee, ship, added ]); } }); }); }); // 描画サイズの調整 var motionchart = new google.visualization.MotionChart( document.getElementById('visualization')); motionchart.draw(tabdata, {'width': 900, 'height': 500}); }
<h3>大阪市の工業推移</h3> <span> 表示したいデータのカテゴリを選んでください <select id="category" onChange="setCategory();drawVisualization();"> <option value="区">区</option> <option value="産業分類">産業分類</option> </select> </span> <div id="visualization" height="480px"></div> <div>単位:従業員数(人)、製造品出荷額等(万円)</div> <div style="color:navy">元となったデータ:http://www.city.osaka.lg.jp/toshikeikaku/page/0000093782.html</div>
Preview
Input Data
ReadMe
Snapshots
LinkData Work
Table Data
大阪市の工業推移
Contributor:Kozaki_Kouji
Update:Dec 23, 2013
1231 Downloads, 9 Applications
「第2回Linked Open Dataハッカソン関西 in 大阪」において, 大阪市のHPに公開されている「工業推移」をRDF化したものです. ※利用しているプロパティは,将来的に,政府等で統一した語彙が導入された際に差し替える予定で,暫定的なものを使用しています. SPARQLエンドポイントへは,こちらからアクセス可能です http://lod.hozo.jp/repositories/osaka_IndustryChange
industry_change_en5
Add LinkData work(LinkData)
Link http://app.linkdata.org/run/app1s603i?tab=readme
jquery-1.7.1.min.js
http://www.google.com/jsapi
Work
Add
Clear
insert work id or work name.