ぶんがく - 経済統計練習帳

var lon = new Array();
 var lat = new Array();
 var city = new Array();
  var point = new Array();
 
function sample() {
 
 
 for(s=1;s<3000;s++){
lon[s]=new Array();
lat[s]=new Array();  
 }
 
 
 
 
 
        var query = "SELECT * FROM " +
            '1xuFbXpP45JUSORQ_PtD6eXuaxh7cXFt9a20oGmbK';
        var encodedQuery = encodeURIComponent(query);
 
        var url = ['https://www.googleapis.com/fusiontables/v1/query'];
        url.push('?sql=' + encodedQuery);
        url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
        url.push('&callback=?');
 
 
 
 
 
        $.ajax({
            url: url.join(''),
            dataType: 'jsonp',
            success: function (data) {
                var rows = data['rows'];
 
 
 
 
 
                for (var i in rows) {
                    s=rows[i][0]*1;
                    sx=rows[i][1]*1;
                    city[s]=rows[i][2];
                    lon[s][sx] = rows[i][3];
                    lat[s][sx] = rows[i][4];
            number=s;    
if(city[s]=="")city[s]="△";
 
            }
 
 
 
for(s=1;s<number+1;s++){
point[s]=0;
for(sx=1;sx<datanumber+1;sx++){
if(city[s]==namex[sx])point[s]=postx[sx];
}    
} 
 
 
 
 
 
                maxx = 0;
                maxy = 0;
                minx = 40000;
                miny = 40000;
                for (s = 1; s < number + 1; s++) {
                    if (lat[s][1] > maxx) maxx = lat[s][1];
                    if (lat[s][1] < minx) minx = lat[s][1];
                    if (lon[s][1] > maxy) maxy = lon[s][1];
                    if (lon[s][1] < miny) miny = lon[s][1];
 
               }
 
 
 
 
 
 
 
                var sub = new svgpaint();
 
                str = "<svg width=\"700\" height=\"700\">";
                for (s = 1; s < number + 1; s++) {
 
                str = str +poly(s,"blue");
       if(point[s]>100000) str = str +poly(s,"pink");       
      if(point[s]>1000000) str = str +poly(s,"red");     
        }
 
                str = str + "</svg>";
 
                $("#memo").html(str);
 
 
 
 
 
 
            }
        });
 
}
 
function poly(s,col){
 
    var strx="<polygon points=\"";
  for(sx=1;sx<11;sx++){
y1=700*(lon[s][sx]-miny)/(maxy-miny);    
x1=700*(lat[s][sx]-minx)/(maxx-minx); 
  strx=strx+x1+","+(700-y1)+" ";     
  }
  strx=strx+"\"";
 strx=strx+"style=\"fill:"+col+"\"/>";
    return strx; 
 
}
 
 
var namex = new Array();
 var postx = new Array();
 var cab = new Array();
var x = new Array();
 var year = new Array();
 var month = new Array();
 var datanumber;
 
function city() {
 
        var query = "SELECT * FROM " +
            '1PD_N_F9YmrtLD-CDouJKSc0BjPM3KdRNZW0T5bsr';
        var encodedQuery = encodeURIComponent(query);
 
        var url = ['https://www.googleapis.com/fusiontables/v1/query'];
        url.push('?sql=' + encodedQuery);
        url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
        url.push('&callback=?');
 
 
 
 
 
        $.ajax({
            url: url.join(''),
            dataType: 'jsonp',
            success: function (data) {
                var rows = data['rows'];
 
 
 
                sx = 0;
 
                for (var i in rows) {
                    sx = sx + 1;
  postx[sx]=rows[i][2]*1;
  namex[sx]=rows[i][1];
 if(namex[sx].length==4)namex[sx]="0"+namex[sx];
                }
 
 
datanumber=sx;
 
        sample();
 
 
 
 
            }
        });
 
}
 
 
 
 
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8" />
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
        <script src="sample.js"></script>
        <script src="city.js"></script>
        <script src="jquery.js"></script>
<script src="svgpaint.js"></script>
        <title>パチンコ</title>
    </head>
    <body onload="city()">
   <p id="memo"></p>
 
 
   </body>
</html>