統計データをアニメーション棒グラフで表示｜Mash up the Linked Open Data

統計データをアニメーション棒グラフで表示

if(typeof Application==="undefined"||!Application){var Application= {};}

Application.bc = function() {
	this._init.apply(this, arguments);
}

Application.bc.prototype = {
	
	_data : null,
	_options : null,
	_mainArray : null,
	
	_init : function() {
		this._mainArray = [];
		this._mainArray = this._getObjectArray();
		this._options = this._getGoogleOption();
		this._initCheckBox();
		this._getHistoryYear();
	},

_initCheckBox : function() {
		var array = this._getSubjectKeyValuePair();
		$.each(array, function(i, obj) {
			var checked = "";
			if (i == 0 || i ==2) {
				checked = "checked='checked'";
			}
			$("<div class='entry'><input type='checkbox' class='chkPrefecture' value='" + obj.key + "' id='" + obj.key + "' " + checked + "/><label for='" + obj.key + "'><span>" + obj.value + "</span></label></div>").appendTo("#checkBoxAreaId");
		});
	},
	
	_configArray : function() {
		var array = [
			{
				"caption" : "平成18年",
				"property" : "平成18年"
			},
			{
				"caption" : "平成19年",
				"property" : "平成19年"
			},
			{
				"caption" : "平成20年",
				"property" : "平成20年"
			},
			{
				"caption" : "平成21年",
				"property" : "平成21年"
			},
			{
				"caption" : "平成22年",
				"property" : "平成22年"
			}
		];
		return array;
	},
	
	_getGoogleOption : function() {
		var options = {
			title: '従業者数',
			animation:{
				duration: 1000,
				easing: 'out',
			},
			hAxis: {title: '単位：人', titleTextStyle: {color: '#A9A9A9'}, maxValue: 5999}
		};
		return options;
	},
	
	_getObjectArray : function() {
		var main = [];
		$.each(LinkData.getWorks(), function(workKey, workValue) {
			$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
				$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
					var array = [];
					$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
						var propLabel = propValue;
						var arr = propValue.split("#");
						if (arr.length > 1) {
							propLabel = decodeURIComponent(arr[1]);
						}
						var obj = {};
						var objValue = LinkData.getObjects(workValue, fileValue, subjValue, propValue)[0];
						obj.property = propLabel;
						obj.value = objValue;
						array.push(obj);
					});
					main[subjValue] = array;
				});
			});
		});
		return main;
	},
	
	_getSubjectKeyValuePair : function() {
		var array = [];
		for (var key in this._mainArray) {
			var obj = {};
			var label = key.replace("http://ja.wikipedia.org/wiki/", "");
			obj.key = key;
			obj.value = label;
    		array.push(obj);
		}
		return array;
	},
	
	getDataByKey : function(year, keyArray) {
		var self = this;
		var main = [];
		var titleArray = [];
		titleArray.push("");

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawMarkersMap);

実行画面
入力データ
概要
保存した実行結果

同じデータを使っているアプリケーション

作者:
更新日:
評価指数

データ作品	テーブルデータ
工場立地動向調査：雇用予定従業者数５年分作者:nobuotto 更新日:2011年12月5日 1101 ダウンロード, 8 アプリケーション経済産業省　工場立地動向調査　平成22年度　個別表リスト第9-3表　雇用予定従業者数［平成7年〜平成22年］（都道府県別）(XLSX/18KB)　のLOD	employee

データ作品を追加する

Link http://app.linkdata.org/run/app1s7i?tab=readme