forked:外部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 ?movein ?moveout ?difference\n'
+'where{\n'
 + '?s <http://lodosaka.hozo.jp/kind> "転入出推移"@ja.\n'
 + '?s <http://lodosaka.hozo.jp/name> ?name;\n'
 + '  <http://lodosaka.hozo.jp/year> ?year;\n'
 +    '<http://lodosaka.hozo.jp/movein> ?movein;\n'
 +    '<http://lodosaka.hozo.jp/moveout> ?moveout;\n'
 +    '<http://lodosaka.hozo.jp/difference> ?difference;\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/IODD14Osaka", "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', data[0].kind);
	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	Sosuke Fujita
Forked from (Parent App)	Kozaki_Kouji 's 外部SPARQLを利用した「Motion Chart」：大阪市工業推移データ
Run count	183
Website
License
Fork count	0
Created date	Mar 9, 2014
Last update date	Mar 9, 2014