外部SPARQLを利用した「Motion Chart」：大阪市工業推移データ

外部のサイトで公開されている任意のSPARQLエンドポイントを利用して検索した結果を「Google Motion Chart」で可視化する例です．
大阪市の工業推移のSPARQLエンドポイント
http://lod.hozo.jp/repositories/osaka_IndustryChange
を利用しています

外部SPAQRLエンドポイントへのクエリ処理には「簡易LOD検索サイト作成ツール」を利用しています．

また，大阪市工業推移データの可視化（ http://app.linkdata.org/run/app1s536i ）を参考にさせていただきました．

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

google.load("jquery", "1");
google.load("jqueryui", "1");
google.load("visualization", "1", {'packages' : [ 'motionchart' ]});

$(window).load(function() {
	sparql = new Sparql();
 	
	//SPARQL検索の実行
	$('#find_query').click(function(){
		var category = $('#category').val();
		
		//sparql.findByQuery($('#query_area').val().replace(/[\n\r]/g,""));
		//使用するSPARQLクエリの設定
		query = 'select ?s ?name ?year ?place ?employee ?shipment ?value\n'
+'where{\n'
 + '?s <http://lodosaka.hozo.jp/category> "'+category+'"@ja.\n'
 + '?s <http://lodosaka.hozo.jp/name> ?name;\n'
 + '  <http://lodosaka.hozo.jp/year> ?year;\n'
 +    '<http://lodosaka.hozo.jp/num_of_business_place> ?place;\n'
 +    '<http://lodosaka.hozo.jp/num_of_employee> ?employee;\n'
 +    '<http://lodosaka.hozo.jp/shipment_value> ?shipment;\n'
 +    '<http://lodosaka.hozo.jp/added_value> ?value;\n'
 + '}'
		//結果を表示する欄の設定
		sparql.result_div = $('#result_div');
		//クエリの実行
		sparql.findByQuery(query);
	});

$('#result_div').hide();

init();
});

function init(){
	// Servletサーバアドレス
	sparql.server = "http://lod.hozo.jp";

// 検索対象エンドポイント（途中での改行は不可）
 	//var endpoint = $('#endpoint_url').val();
	sparql.endpoint = {"endpoint": "http://lod.hozo.jp/repositories/osaka_IndustryChange", "namespaces": ""};
	sparql.init();
	
	//結果表示処理を行う関数を指定
//	sparql.result_func = result_table;
	sparql.result_func = motion_chart;
	
}

function motion_chart(data){
	var category = $('#category').val();
	
	$('#result_div').show();
	var datatable = new google.visualization.DataTable();

datatable.addColumn('string', category);
	datatable.addColumn('number', '年');
	datatable.addColumn('number', '事業所数');
	datatable.addColumn('number', '製造品出荷額等');
	datatable.addColumn('number', '従業員数');
	datatable.addColumn('number', '事業所付加価値額');

for(var i=0; i<data.length; i++){
		datatable.addRow(
			[data[i].name, 
			 parseInt(data[i].year, 10), 
			 parseInt(data[i].place, 10),
			 parseInt(data[i].shipment, 10),
		 	 parseInt(data[i].employee, 10),
			 parseInt(data[i].value, 10)
			]);
	}

var chart = new google.visualization.MotionChart(
	 document.getElementById('result_div'));
	 chart.draw(datatable, {'width': 900, 'height': 400});

}

Fork this app as your new one download

Web Search

Contributor Send Message	Kozaki_Kouji
Forked from (Parent App)	Kozaki_Kouji 's 外部SPARQLを利用するための「ひな形」アプリ
Run count	829
Website
License
Fork count	6
Created date	Feb 19, 2014
Last update date	Mar 8, 2014

Forked from (Parent App)

外部SPARQLを利用するための「ひな形」アプリ Contributor: Kozaki_Kouji Update: Feb 18, 2014 634 runs

Forked (Child App)

forked:外部SPARQLを利用した「Motion Chart」：大阪市工業推移データ Contributor: Kozaki_Kouji Update: Jun 28, 2014 206 runs

forked:外部SPARQLを利用した「Motion Chart」：大阪市工業推移データ Contributor: Sosuke Fujita Update: Mar 9, 2014 183 runs

forked:外部SPARQLを利用した「Motion Chart」：大阪市工業推移データ Contributor: Akihiro_Fujihara Update: Feb 23, 2014 146 runs

volume of rain at one clock. Contributor: Kozaki_Kouji Update: Feb 22, 2014 299 runs

都市別死因の推移 Contributor: Sosuke Fujita Update: Feb 22, 2014 292 runs

Motion Chart/犯罪数と人口比較 Contributor: Yokoi_Takahiro Update: Feb 22, 2014 379 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

大阪市の工業推移 Contributor: Kozaki_Kouji Update: Dec 23, 2013
1239 Downloads
,

9 Applications

industry_change_en5
Add New Data

News Feed

linkdata.org に関するツイート

Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information