Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

石巻市　転出転入（県内）

fullscreen

石巻市, ＩＣＴ総合推進課

平成２７年中

1

Rating

useful

1

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

window.onload = function() {
	//alert("qqq");
	var canvas = document.querySelector('canvas');
	var context = canvas.getContext('2d');
	var tokei_tbl = [
		["仙台",21],
		["塩釜",12],
		["気仙沼",1],
		["本吉",1],
		["白石",32],
		["名取",22],
		["角田",31],
		["多賀城",14],
		["岩沼",23],
		["登米",5],
		["栗原",2],
		["東松島",8],
		["大崎",9],
		["蔵王",25],
		["七ヶ宿",33],
		["大河原",28],
		["村田",26],
		["柴田",27],
		["川崎",24],
		["丸森",34],
		["亘理",29],
		["山元",30],
		["松島",10],
		["七ヶ浜",13],
		["利府",11],
		["大和",20],
		["大郷",18],
		["富谷",19],
		["大衡村",17],
		["色麻",16],
		["加美",15],
		["涌谷",6],
		["美里",7],
		["女川",4],
		["南三陸",3]
	];
	var si_tbl = [
		["石巻市",14,0],
		["気仙沼市",6,0],
		["栗原市",10,0],
		["南三陸町",8,0],
		["女川町",4,0],
		["登米市",4,0],
		["涌谷町",6,0],
		["美里町",8,0],
		["東松島市",4,0],
		["大崎市",22,0],
		["松島町",6,0],
		["利府町",6,0],
		["塩釜市",4,0],
		["七ヶ浜町",4,0],
		["多賀城市",4,0],
		["加美町",12,0],
		["色麻町",6,0],
		["大衡村",4,0],
		["大郷町",4,0],
		["富谷町",4,0],
		["大和町",8,0],
		["仙台市",28,0],
		["名取市",4,0],		
		["岩沼市",6,0],
		["川崎町",6,0],
		["蔵王町",6,0],
		["村田町",4,0],
		["柴田町",4,0],
		["大河原町",6,0],
		["亘理町",4,0],
		["山元町",4,0],
		["角田市",8,0],
		["白石市",10,0],
		["七ヶ宿町",4,0],
		["丸森町",4,0]
	];
	var pos_tbl = [
		[[280,180],[280,220],[290,220],[290,260],[310,260],[310,280],[320,280],[320,320],[340,320],[340,260],[320,260],[320,220],[340,220],[340,180]],          //石巻市
		[[320,40],[320,120],[340,120],[340,80],[350,80],[350,40]],         //気仙沼市
		[[220,40],[220,60],[230,60],[230,80],[250,80],[250,120],[290,120],[290,60],[280,60],[280,40]],        //栗原市
		[[320,120],[320,180],[340,180],[340,160],[330,160],[330,140],[340,140],[340,120]],             //南三陸町
		[[320,220],[320,260],[340,260],[340,220]],        //女川町
		[[290,100],[290,180],[320,180],[320,100]],   //登米市
		[[270,140],[270,160],[280,160],[280,180],[290,180],[290,140]],        //涌谷町
		[[250,140],[250,180],[260,180],[260,220],[280,220],[280,160],[270,160],[270,140]],       //美里町
		[[260,220],[260,260],[290,260],[290,220]],      //東松島市
		[[160,40],[160,80],[190,80],[190,100],[200,100],[200,140],[210,140],[210,200],[240,200],[240,220],[260,220],[260,180],[250,180],[250,140],[290,140],[290,120],[250,120],[250,80],[230,80],[230,60],[220,60],[220,40]],        //大崎市
		[[240,220],[240,280],[250,280],[250,260],[260,260],[260,220]],     //松島町
		[[210,260],[210,300],[230,300],[230,280],[240,280],[240,260]],      //利府町
		[[230,280],[230,300],[240,300],[240,280]],           //塩釜市
		[[240,300],[240,320],[250,320],[250,300]],            //七ヶ浜町
		[[220,300],[220,320],[240,320],[240,300]],             //多賀城市
		[[150,80],[150,120],[160,120],[160,140],[170,140],[170,160],[210,160],[210,140],[200,140],[200,100],[190,100],[190,80]],       //加美町
		[[170,160],[170,200],[190,200],[190,180],[210,180],[210,160]],     //色麻町
		[[190,180],[190,200],[210,200],[210,180]],         //大衡村
		[[220,200],[220,260],[240,260],[240,200]],           //大郷町
		[[200,220],[200,260],[210,260],[210,220]],         //富谷町
		[[170,200],[170,240],[200,240],[200,220],[210,220],[210,260],[220,260],[220,200]],    //大和町
		[[170,160],[160,160],[160,180],[150,180],[150,200],[140,200],[140,240],[130,240],[130,320],[150,320],[150,340],[160,340],[160,360],[180,360],[180,380],[210,380],[210,360],[220,360],[220,340],[230,340],[230,320],[220,320],[220,300],[210,300],[210,260],[200,260],[200,240],[170,240]],         //仙台市
		[[180,380],[180,420],[210,420],[210,380]],       //名取市
		[[180,420],[180,440],[190,440],[190,460],[210,460],[210,420]],     //岩沼市
		[[120,320],[120,380],[160,380],[160,340],[150,340],[150,320]],      //川崎町
		[[120,380],[120,460],[150,460],[150,440],[160,440],[160,380]],          //蔵王町
		[[160,360],[160,440],[180,440],[180,360]],         //村田町
		[[170,440],[170,480],[190,480],[190,440]],           //柴田町
		[[150,440],[150,460],[160,460],[160,480],[170,480],[170,440]],       //大河原町
		[[190,460],[190,520],[210,520],[210,460]],         //亘理町
		[[190,520],[190,580],[210,580],[210,520]],          //山元町
		[[170,480],[170,520],[160,520],[160,540],[150,540],[150,560],[190,560],[190,480]],       //角田市
		[[120,460],[120,580],[150,580],[150,540],[160,540],[160,520],[170,520],[170,480],[160,480],[160,460]],       //白石市
		[[90,400],[90,540],[120,540],[120,400]],         //七ヶ宿町
		[[150,560],[150,620],[190,620],[190,560]]       //丸森町
	];
	var index;
	var index_i;
	var ii;
	var jj;
	var zz;
	var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject="
	//alert(keyword);
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		// File loop
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			//alert(fileValue);
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				//alert(subjValue);
				$.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) {
					var prop = tripleValue.property;
					//alert(prop);
					var Nam = getLastName(prop);
					//alert(Nam);
					var obj = tripleValue.object;
					//alert(obj);
					var lab = tripleValue.label;
					//alert(lab);
					if(Nam === "市町村名-2"){
						index = 0;
						for ( index_i = 0; index_i < 35; index_i++) {
							if ( obj === tokei_tbl[index_i][0] ) {
								index = tokei_tbl[index_i][1];
								break;
							}
						}
					}
					if(Nam === "差引"){
						if ( index != 0) {
							var a = si_tbl[index][2] + Number(obj);
							si_tbl[index][2] = a;
							//alert(si_tbl);
						}
					}
				});
			});
		});
	});
	//alert(si_tbl);
	for ( i = 0; i < 35; i++){
		context.beginPath();
		zz = si_tbl[i][1];
		context.moveTo(pos_tbl[i][0][0],pos_tbl[i][0][1]);
		for ( ii = 1; ii < zz; ii++ ){
			context.lineTo(pos_tbl[i][ii][0],pos_tbl[i][ii][1]);
		}
		context.closePath();  //moveTo()で指定した始点に向けて線を引き、領域を閉じます。
		context.strokeStyle = 'rgb(0, 0, 255)';
		context.stroke();  //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。
		if (si_tbl[i][2] < -100) {
			context.fillStyle = 'rgba(250, 0, 0, 0.7)';   //塗りつぶし色
			context.fill();
			context.fillStyle = 'rgb(0, 0, 0)';
			context.font = "10px 'ＭＳ ゴシック'";
			context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10);
		}
		else if(si_tbl[i][2] < -9) {
			context.fillStyle = 'rgba(235, 121, 136, 0.7)';   //塗りつぶし色
			context.fill();
			context.fillStyle = 'rgb(0, 0, 0)';
			context.font = "10px 'ＭＳ ゴシック'";
			context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10);
		}
		else if(si_tbl[i][2] < 0) {
			context.fillStyle = 'rgba(239, 193, 196, 0.7)';   //塗りつぶし色
			context.fill();
			context.fillStyle = 'rgb(0, 0, 0)';
			context.font = "10px 'ＭＳ ゴシック'";
			context.fillText(si_tbl[i][0], pos_tbl[i][0][0],pos_tbl[i][0][1] + 10);
		}
	}
	context.fillStyle = 'rgb(0, 0, 0)';
	context.font = "18px 'ＭＳ ゴシック'";
	context.fillText("石巻市　転出転入（県内）　平成２８年中", 10,20);
	context.strokeStyle = 'rgb(0, 0, 255)';
	context.strokeRect(10,30,50,25);  //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。
	context.strokeStyle = 'rgb(0, 0, 255)';
	context.strokeRect(10,70,50,25);  //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。
	context.fillStyle = 'rgba(250, 0, 0, 0.7)';   //塗りつぶし色
	context.fillRect(10,70,50,25);
	
	context.strokeStyle = 'rgb(0, 0, 255)';
	context.strokeRect(10,110,50,25);  //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。
	context.fillStyle = 'rgba(235, 121, 136, 0.7)';   //塗りつぶし色
	context.fillRect(10,110,50,25);
	
	context.strokeStyle = 'rgb(0, 0, 255)';
	context.strokeRect(10,150,50,25);  //stroke()では輪郭線を描き、fill()にすると中を塗りつぶします。
	context.fillStyle = 'rgba(239, 193, 196, 0.7)';   //塗りつぶし色
	context.fillRect(10,150,50,25);

context.fillStyle = 'rgb(0, 0, 0)';
	context.font = "10px 'ＭＳ ゴシック'";
	context.fillText("転入＞＝転出", 65,40);
	context.fillText("転出＞転入", 65,80);
	context.fillText("(100人超)", 65,92);
	context.fillText("転出＞転入", 65,120);
	context.fillText("(10人～99人)", 65,132);
	context.fillText("転出＞転入", 65,160);
	context.fillText("(9人以下)", 65,172);
}

// Get a parameter value in URL (e.g. ?paramString=value )
function getParameterFromURL( paramString )
{			
	var value = "";
	var topWindow = top.window.location.search;
	if( topWindow ){
		var q = decodeURIComponent(topWindow.substring(1,topWindow.length)).split("&");
		for ( var i = 0; i < q.length; i++ ){
			var r = q[i].split("=");
			if ( r[0] ==  paramString )
				value = r[1];
		}
	}
 	return value;
}
// get the last name of the string separated with # and /
function getLastName( string )
{
	string = decodeURIComponent(string);
	var sharp = string.split("#");
	var slash = sharp[sharp.length-1].split("/");
	var lastName = slash[slash.length-1];
	return lastName;
}

Fork this app as your new one download

Contributor Send Message	石巻市, ＩＣＴ総合推進課
Run count	249
Website
License
Fork count	0
Created date	May 2, 2016
Last update date	Dec 14, 2018

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: 石巻市, ＩＣＴ総合推進課 Update: Dec 26, 2019
353 Downloads
,

2 Applications

tenshutunyuu_kengai

tenshutunyuu_kennai
Add New Data

News Feed

linkdata.org に関するツイート