InfiniteElementMethod_E2D3-LIG

<!DOCTYPE html>
<meta charset="utf-8">
<style>
body{
	width:750px;
	margin:70px auto;
}
svg text{
	font-size:12px;
}
rect{
	shape-rendering:crispEdges;
}
</style>
<body>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="iem-plan_01.js"></script>
<script>
var sales_data=[
['業務通信','02:00～02:59',16,0],
['その他','02:00～02:59',1278,4],
['エラー','02:00～02:59',27,0],
['保守通信','02:00～02:59',58,0],
['基幹装置','02:00～02:59',1551,15],
['顧客通信','02:00～02:59',141,0],
['業務通信','01:00～01:59',5453,35],
['その他','01:00～01:59',683,1],
['エラー','01:00～01:59',862,0],
['基幹装置','01:00～01:59',6228,30],
['業務通信','00:00～00:59',15001,449],
['その他','00:00～00:59',527,3],
['エラー','00:00～00:59',836,0],
['保守通信','00:00～00:59',28648,1419],
['基幹装置','00:00～00:59',3,0],
['業務通信','03:00～03:59',13,0],
['その他','03:00～03:59',396,0],
['エラー','03:00～03:59',362,0],
['保守通信','03:00～03:59',78,10],
['基幹装置','03:00～03:59',2473,32],
['顧客通信','03:00～03:59',2063,64],
['エラー','04:00～04:59',203,0],
['基幹装置','04:00～04:59',686,2],
['顧客通信','04:00～04:59',826,0],
['業務通信','11:00～11:59',1738,110],
['その他','11:00～11:59',12925,13],
['エラー','11:00～11:59',15413,0],
['その他','06:00～06:59',2166,2],
['エラー','06:00～06:59',86,0],
['保守通信','06:00～06:59',348,3],
['基幹装置','06:00～06:59',4244,18],
['顧客通信','06:00～06:59',1536,1],
['その他','07:00～07:59',351,0],
['基幹装置','07:00～07:59',405,1],
['その他','09:00～09:59',914,1],
['エラー','09:00～09:59',127,0],
['基幹装置','09:00～09:59',1470,7],
['顧客通信','09:00～09:59',516,1],
['業務通信','10:00～10:59',43,0],
['その他','10:00～10:59',667,1],
['エラー','10:00～10:59',172,0],
['保守通信','10:00～10:59',149,1],
['基幹装置','10:00～10:59',1380,5],
['顧客通信','10:00～10:59',791,23],
['その他','05:00～05:59',1,0],
['基幹装置','05:00～05:59',1,0],
['その他','12:00～12:59',1070,1],
['基幹装置','12:00～12:59',1171,2],
['顧客通信','12:00～12:59',33,0],
['保守通信','22:00～22:59',1,0],
['その他','14:00～14:59',407,0],
['エラー','14:00～14:59',3,0],
['基幹装置','14:00～14:59',457,2],
['顧客通信','14:00～14:59',20,0],
['その他','15:00～15:59',557,0],
['エラー','15:00～15:59',167,0],
['保守通信','15:00～15:59',95,1],
['基幹装置','15:00～15:59',1090,5],
['顧客通信','15:00～15:59',676,6],
['業務通信','16:00～16:59',1195,99],
['その他','16:00～16:59',350,3],
['エラー','16:00～16:59',212,0],
['基幹装置','16:00～16:59',1509,8],
['業務通信','17:00～17:59',3899,389],
['その他','17:00～17:59',147,0],
['エラー','17:00～17:59',455,0],
['保守通信','17:00～17:59',1,1],
['基幹装置','17:00～17:59',4100,16],
['業務通信','18:00～18:59',12,0],
['その他','18:00～18:59',634,2],
['エラー','18:00～18:59',749,0],
['保守通信','18:00～18:59',119,1],
['基幹装置','18:00～18:59',3705,19],
['顧客通信','18:00～18:59',3456,25],
['その他','19:00～19:59',828,2],
['エラー','19:00～19:59',288,0],
['保守通信','19:00～19:59',141,0],
['基幹装置','19:00～19:59',2625,7],
['顧客通信','19:00～19:59',1920,10],
['その他','20:00～20:59',1146,2],
['エラー','20:00～20:59',212,0],
['保守通信','20:00～20:59',223,4],
['基幹装置','20:00～20:59',1803,6],
['顧客通信','20:00～20:59',761,8],
['その他','21:00～21:59',527,0],
['エラー','21:00～21:59',90,0],
['基幹装置','21:00～21:59',930,4],
['顧客通信','21:00～21:59',395,1],
['業務通信','13:00～13:59',7232,58],
['その他','13:00～13:59',1272,0],
['エラー','13:00～13:59',1896,0],
['保守通信','13:00～13:59',1,0],
['基幹装置','13:00～13:59',10782,33],
['顧客通信','13:00～13:59',1911,3],
['その他','23:00～23:59',495,0],
['エラー','23:00～23:59',32,0],
['保守通信','23:00～23:59',7,0],
['基幹装置','23:00～23:59',1557,12],
['顧客通信','23:00～23:59',24,0],
['その他','23:00～23:59',460,1],
['保守通信','23:00～23:59',88,3],
['基幹装置','23:00～23:59',956,3],
['その他','15:00～15:59',232,0],
['エラー','15:00～15:59',71,0],
['基幹装置','15:00～15:59',575,2],
['顧客通信','15:00～15:59',368,3]
];

var width = 1100, height = 610, margin ={b:90, t:40, l:180, r:50};

var svg = d3.select("body")
	.append("svg").attr('width',width).attr('height',(height+margin.b+margin.t))
	.append("g").attr("transform","translate("+ margin.l+","+margin.t+")");

var data = [ 
	{data:bP.partData(sales_data,2), id:'SalesAttempts', header:["通信属性","時間帯", "小金井市トラ連DC"]},
];

bP.draw(data, svg);

</script>
</body>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js