taufiqibrahim · April 13, 2018 10:03
diff --git a/.block b/.block
 license: mit
diff --git a/README.md b/README.md
diff --git a/flare.csv b/flare.csv
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 .node circle {
  fill: #999;
 }

 .node text {
  font: 10px sans-serif;
 }

 .node--internal circle {
  fill: #555;
 }

 .node--internal text {
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
 }

 .link {
  fill: none;
  stroke: #555;
  stroke-opacity: 0.4;
  stroke-width: 1.5px;
 }

 </style>
 <svg width="960" height="1060"></svg>
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script>

 var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height"),
    g = svg.append("g").attr("transform", "translate(" + (width / 2 + 40) + "," + (height / 2 + 90) + ")");

 var stratify = d3.stratify()
    .parentId(function(d) { return d.id.substring(0, d.id.lastIndexOf(".")); });

 var tree = d3.tree()
    .size([2 * Math.PI, 500])
    .separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; });

 d3.csv("flare.csv", function(error, data) {
  if (error) throw error;

  var root = tree(stratify(data));

  var link = g.selectAll(".link")
    .data(root.links())
    .enter().append("path")
      .attr("class", "link")
      .attr("d", d3.linkRadial()
          .angle(function(d) { return d.x; })
          .radius(function(d) { return d.y; }));

  var node = g.selectAll(".node")
    .data(root.descendants())
    .enter().append("g")
      .attr("class", function(d) { return "node" + (d.children ? " node--internal" : " node--leaf"); })
      .attr("transform", function(d) { return "translate(" + radialPoint(d.x, d.y) + ")"; });

  node.append("circle")
      .attr("r", 2.5);

  node.append("text")
      .attr("dy", "0.31em")
      .attr("x", function(d) { return d.x < Math.PI === !d.children ? 6 : -6; })
      .attr("text-anchor", function(d) { return d.x < Math.PI === !d.children ? "start" : "end"; })
      .attr("transform", function(d) { return "rotate(" + (d.x < Math.PI ? d.x - Math.PI / 2 : d.x + Math.PI / 2) * 180 / Math.PI + ")"; })
      .text(function(d) { return d.id.substring(d.id.lastIndexOf(".") + 1); });
 });

 function radialPoint(x, y) {
  return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];
 }

 </script>
diff --git a/tree.csv b/tree.csv
	id	value
	flare
	flare.Management_Contract
	flare.Management_Contract.TrueCONEx
	flare.Management_Contract.TrueCONEx.Network_Comparative
	flare.Management_Contract.TrueCONEx.Network_Comparative.Mobile_Quality_Agent_Performance
	flare.Management_Contract.TrueCONEx.Network_Comparative.Mobile_Quality_Agent_Performance.None	36.00
	flare.Management_Contract.TrueCONEx.Network_Comparative.Speed_Test
	flare.Management_Contract.TrueCONEx.Network_Comparative.Speed_Test.None	24.00
	flare.Management_Contract.TrueCONEx.Service_Availability
	flare.Management_Contract.TrueCONEx.Service_Availability.None
	flare.Management_Contract.TrueCONEx.Service_Availability.None.None	10.0
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Experience
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Experience.Customer_Survey_Satisfaction	12.00
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Performance
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Performance.Network_Quality_Index	2.700
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Performance.POI_QoS	6.300
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Service
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Service.DT_Benchmark	5.400
	flare.Management_Contract.TrueCONEx.TrueCONEx_Index.Service.Youtube_Performance	3.600
	flare.Regional_Performer
	flare.Regional_Performer.TrueBEx
	flare.Regional_Performer.TrueBEx.Business_Performance
	flare.Regional_Performer.TrueBEx.Business_Performance.Network_Productivity
	flare.Regional_Performer.TrueBEx.Business_Performance.Network_Productivity.Network_Quality_Index	15.00
	flare.Regional_Performer.TrueBEx.TrueCONEx_Performance
	flare.Regional_Performer.TrueBEx.TrueCONEx_Performance.Service_Quality
	flare.Regional_Performer.TrueBEx.TrueCONEx_Performance.Service_Quality.Network_Quality_Index	13.500
	flare.Regional_Performer.TrueBEx.TrueCONEx_Performance.Service_Quality.POI_QoS	18.00
	flare.Regional_Performer.TrueBEx.TrueCONEx_Performance.Service_Quality.Speed_Test	13.500
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.NQI_Progress
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.NQI_Progress.None	12.00
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.POI_QoS_Progress
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.POI_QoS_Progress.None	16.00
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.Speed_Test_Progress
	flare.Regional_Performer.TrueBEx.TrueCONEx_Progress.Speed_Test_Progress.None	12.00
	flare.Regional_Performer.TrueCONEx
	flare.Regional_Performer.TrueCONEx.Business_Performance
	flare.Regional_Performer.TrueCONEx.Business_Performance.Network_Productivity
	flare.Regional_Performer.TrueCONEx.Business_Performance.Network_Productivity.Network_Quality_Index	15.00
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Customer_Survey_Satisfaction
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Customer_Survey_Satisfaction.None	13.500
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Network_Experience
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Network_Experience.Mobile_Quality_Agent_Performance	5.400
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Network_Experience.Youtube_Performance	8.100
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Service_Quality
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Service_Quality.DT_Benchmark	4.500
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Service_Quality.Network_Quality_Index	3.600
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Service_Quality.POI_QoS	5.400
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Performance.Service_Quality.Speed_Test	4.500
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.DT_Benchmark_Progress
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.DT_Benchmark_Progress.None	10.0
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.NQI_Progress
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.NQI_Progress.None	10.0
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.POI_QoS_Progress
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.POI_QoS_Progress.None	10.0
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.Speed_Test_Progress
	flare.Regional_Performer.TrueCONEx.TrueCONEx_Progress.Speed_Test_Progress.None	10.0
	flare.Regional_Performer.TrueNEx
	flare.Regional_Performer.TrueNEx.Business_Performance
	flare.Regional_Performer.TrueNEx.Business_Performance.Network_Productivity
	flare.Regional_Performer.TrueNEx.Business_Performance.Network_Productivity.Network_Quality_Index	15.00
	flare.Regional_Performer.TrueNEx.TrueCONEx_Performance
	flare.Regional_Performer.TrueNEx.TrueCONEx_Performance.Service_Quality
	flare.Regional_Performer.TrueNEx.TrueCONEx_Performance.Service_Quality.Network_Quality_Index	22.500
	flare.Regional_Performer.TrueNEx.TrueCONEx_Performance.Service_Quality.POI_QoS	22.500
	flare.Regional_Performer.TrueNEx.TrueCONEx_Progress
	flare.Regional_Performer.TrueNEx.TrueCONEx_Progress.NQI_Progress
	flare.Regional_Performer.TrueNEx.TrueCONEx_Progress.NQI_Progress.None	20.0
	flare.Regional_Performer.TrueNEx.TrueCONEx_Progress.POI_QoS_Progress
	flare.Regional_Performer.TrueNEx.TrueCONEx_Progress.POI_QoS_Progress.None	20.0
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	.node circle {
	fill: #999;
	}

	.node text {
	font: 10px sans-serif;
	}

	.node--internal circle {
	fill: #555;
	}

	.node--internal text {
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
	}

	.link {
	fill: none;
	stroke: #555;
	stroke-opacity: 0.4;
	stroke-width: 1.5px;
	}

	</style>
	<svg width="960" height="1060"></svg>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script>

	var svg = d3.select("svg"),
	width = +svg.attr("width"),
	height = +svg.attr("height"),
	g = svg.append("g").attr("transform", "translate(" + (width / 2 + 40) + "," + (height / 2 + 90) + ")");

	var stratify = d3.stratify()
	.parentId(function(d) { return d.id.substring(0, d.id.lastIndexOf(".")); });

	var tree = d3.tree()
	.size([2 * Math.PI, 500])
	.separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; });

	d3.csv("flare.csv", function(error, data) {
	if (error) throw error;

	var root = tree(stratify(data));

	var link = g.selectAll(".link")
	.data(root.links())
	.enter().append("path")
	.attr("class", "link")
	.attr("d", d3.linkRadial()
	.angle(function(d) { return d.x; })
	.radius(function(d) { return d.y; }));

	var node = g.selectAll(".node")
	.data(root.descendants())
	.enter().append("g")
	.attr("class", function(d) { return "node" + (d.children ? " node--internal" : " node--leaf"); })
	.attr("transform", function(d) { return "translate(" + radialPoint(d.x, d.y) + ")"; });

	node.append("circle")
	.attr("r", 2.5);

	node.append("text")
	.attr("dy", "0.31em")
	.attr("x", function(d) { return d.x < Math.PI === !d.children ? 6 : -6; })
	.attr("text-anchor", function(d) { return d.x < Math.PI === !d.children ? "start" : "end"; })
	.attr("transform", function(d) { return "rotate(" + (d.x < Math.PI ? d.x - Math.PI / 2 : d.x + Math.PI / 2) * 180 / Math.PI + ")"; })
	.text(function(d) { return d.id.substring(d.id.lastIndexOf(".") + 1); });
	});

	function radialPoint(x, y) {
	return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];
	}

	</script>
	id	value
	flare
	flare.analytics
	flare.analytics.cluster
	flare.analytics.cluster.AgglomerativeCluster	3938