Spaces:

Seetha
/

visual-knowledgegraph

Running

App Files Files Community

Seetha commited on Jun 22, 2023

Commit

d97aaea

1 Parent(s): fbd3923

Upload 8 files

Browse files

Files changed (8) hide show

codefinal.html +890 -0
detailedResults.json +0 -0
detailedResults_subham.json +1 -0
level2.css +18 -0
level2.json +1 -0
level2_subham.json +1 -0
side.css +21 -0
tree.css +15 -0

codefinal.html ADDED Viewed

	@@ -0,0 +1,890 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <link rel = "stylesheet" href = "tree.css">
+    <link rel = "stylesheet" href = "level2.css">
+    <link rel = "stylesheet" href = "side.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+        body {background-color:	floralwhite;}
+    </style>
+    <style>
+        #d1 {
+            display: block;
+        }
+        #d2 {
+            display: none;
+        }
+        table {
+            border-collapse: collapse;
+            table-layout: fixed;
+            width: 100%;
+        }
+        th, td {
+            border: 1px solid black;
+            padding: 5px;
+            text-align: center;
+        }
+        tr:hover {
+            background-color: lightgoldenrodyellow;
+        }
+        th{
+            position: sticky;
+            top: 0;
+            background-color: lightsteelblue;
+        }
+    </style>
+    <center>
+        <h1 style="color:black;">Causal Text to Knowledge Graph </h1>
+    </center>
+</head>
+<body>
+<div id = "container">
+    <div id = "tree">
+        <script src="http://d3js.org/d3.v3.min.js"></script>
+        <script>
+            var treeData = [
+                {
+                    "name": "Performance or Not",
+                    "children": [
+                        {
+                            "name": "Performance (P)",
+                            "children": [
+                                {
+                                    "name": "Investors (INV)"
+                                },
+                                {
+                                    "name": "Customers (CUS)"
+                                },
+                                {
+                                    "name": "Employees (EMP)"
+                                },
+                                {
+                                    "name": "Society (SOC)"
+                                },
+                                {
+                                    "name": "Unclassified"
+                                }
+                            ]
+                        },
+                        {
+                            "name": "Non-performance (NP)",
+                        }
+                    ]
+                }
+            ];
+            var margin = {top: 20, right: 120, bottom: 20, left: 120},
+                width = 800 - margin.right - margin.left,
+                height = 620 - margin.top - margin.bottom;
+            var i = 0,
+                duration = 750,
+                root;
+            var tree = d3.layout.tree()
+                .size([height, width]);
+            var diagonal = d3.svg.diagonal()
+                .projection(function(d) { return [d.y, d.x]; });
+            var svg3 = d3.select("#tree").append("svg")
+                .attr("width", width + margin.right + margin.left)
+                .attr("height", height + margin.top + margin.bottom)
+                .append("g")
+                .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
+            root = treeData[0];
+            root.x0 = height / 2;
+            root.y0 = 0;
+            function collapse(d) {
+                if (d.children) {
+                    d._children = d.children;
+                    d._children.forEach(collapse);
+                    d.children = null;
+                }
+            }
+            root.children.forEach(collapse);
+            update(root);
+            function update(source) {
+                // Compute the new tree layout.
+                var nodes = tree.nodes(root).reverse(),
+                    links = tree.links(nodes);
+                // Normalize for fixed-depth.
+                nodes.forEach(function(d) { d.y = d.depth * 200; });
+                // Update the nodes…
+                var node = svg3.selectAll("g.node")
+                    .data(nodes, function(d) { return d.id || (d.id = ++i); });
+                // Enter any new nodes at the parent's previous position.
+                var nodeEnter = node.enter().append("g")
+                    .attr("class", "node")
+                    .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
+                    .on("click", click);
+                nodeEnter.append("circle")
+                    .attr("r", 1e-6)
+                    .style("fill", function(d) {
+                        if(d.name == "Performance or Not") {
+                            return "white";
+                        }
+                        else if (d.name != "Non-performance (NP)") {
+                            return "blue";
+                        }
+                        else {
+                            return "gray";
+                        }
+                    });
+                nodeEnter.append("text")
+                    .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
+                    .attr("dy", ".35em")
+                    .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
+                    .text(function(d) { return d.name; })
+                    .style("fill-opacity", 1e-6);
+                var nodeUpdate = node.transition()
+                    .duration(duration)
+                    .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });
+                nodeUpdate.select("circle")
+                    .attr("r", 8)
+                    .style("fill", function(d) {
+                        if(d.name == "Performance or Not") {
+                            return "white";
+                        }
+                        else if (d.name != "Non-performance (NP)") {
+                            return "blue";
+                        }
+                        else {
+                            return "gray";
+                        }
+                    });
+                nodeUpdate.select("text")
+                    .style("fill-opacity", 1);
+                // Transition exiting nodes to the parent's new position.
+                var nodeExit = node.exit().transition()
+                    .duration(duration)
+                    .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
+                    .remove();
+                nodeExit.select("circle")
+                    .attr("r", 1e-6);
+                nodeExit.select("text")
+                    .style("fill-opacity", 1e-6);
+                // Update the links…
+                var link = svg3.selectAll("path.link")
+                    .data(links, function(d) { return d.target.id; });
+                // Enter any new links at the parent's previous position.
+                link.enter().insert("path", "g")
+                    .attr("class", "link")
+                    .attr("d", function(d) {
+                        var o = {x: source.x0, y: source.y0};
+                        return diagonal({source: o, target: o});
+                    });
+                link.style("stroke","gray");
+                // Transition links to their new position.
+                link.transition()
+                    .duration(duration)
+                    .attr("d", diagonal);
+                // Transition exiting nodes to the parent's new position.
+                link.exit().transition()
+                    .duration(duration)
+                    .attr("d", function(d) {
+                        var o = {x: source.x, y: source.y};
+                        return diagonal({source: o, target: o});
+                    })
+                    .remove();
+                // Stash the old positions for transition.
+                nodes.forEach(function(d) {
+                    d.x0 = d.x;
+                    d.y0 = d.y;
+                });
+                console.log(nodes.length);
+                if(nodes.length ==3){
+                    var x = document.getElementById("d1"); // Get the graph for Level1 nodes
+                    var y = document.getElementById("d2"); // Get the graph for level 2 nodes
+                    x.style.display = "block"; // If number of nodes  ==3, then you will hide the level 2 graph and display the level 1 graph
+                    y.style.display = "none";
+                    var container = document.querySelector(".container");
+                    container.style.display = "none";
+                } else if(nodes.length >=8){
+                    var x = document.getElementById("d1");
+                    var y = document.getElementById("d2");
+                    x.style.display = "none";
+                    y.style.display = "block";
+                    var container = document.querySelector(".container");
+                    container.style.display = "none";
+                }else if(nodes.length ==1){
+                    var x = document.getElementById("d1");
+                    var y = document.getElementById("d2");
+                    x.style.display = "none";
+                    y.style.display = "none";
+                    var container = document.querySelector(".container");
+                    container.style.display = "none";
+                }
+            }
+            // Toggle children on click.
+            function click(d) {
+                if (d.children) {
+                    d._children = d.children;
+                    d.children = null;
+                } else {
+                    d.children = d._children;
+                    d._children = null;
+                }
+                update(d);
+            }
+            svg3.append("text")
+                .attr("x", width/2 + 10)
+                .attr("y", height - 150)
+                .attr("text-anchor", "middle")
+                .text("Taxonomy")
+                .style("font-weight", "bold")
+                .style("font-family", "Times New Roman")
+                .style("font-size", "16px")
+                .style("opacity", 0)
+                .transition()
+                .duration(2000)
+                .style("opacity", 1);
+        </script>
+    </div>
+    <div id="d1">
+        <script src="//d3js.org/d3.v3.min.js"></script>
+        <script>
+            var width = 620,
+                height = 570;
+            // SVG for Level1 graph
+            var svg = d3.select("#d1").append("svg")
+                .attr("width", width)
+                .attr("height", height)
+                .append("g");
+            var nodes1 = [
+                {x: width / 4, y: height / 2, label: "Non-Performance"},
+                {x: 3 * width / 4, y: height / 2, label: "Performance"}
+            ];
+            var links1 = [
+                {source: nodes1[0], target: nodes1[1]}
+            ];
+            var simulation1 = d3.layout.force()
+                .nodes(d3.values(nodes1))
+                .links(links1)
+                .size([width, height])
+                .linkDistance(400)
+                .charge(-3000)
+                .start();
+            var text1 = svg.append("g") // Append the node node names
+                .attr("class", "labels")
+                .selectAll("text")
+                .data(nodes1)
+                .enter().append("text")
+                .text(function(d) { return d.label; })
+                .attr("x", function(d) { return d.x+15; })
+                .attr("y", function(d) { return d.y+20; });
+            var link1 = svg.selectAll(".link") // Links between the nodes in the graph
+                .data(links1)
+                .enter()
+                .append("line")
+                .attr("class", "link")
+                .attr("x1", function(d) { return d.source.x; })
+                .attr("y1", function(d) { return d.source.y; })
+                .attr("x2", function(d) { return d.target.x; })
+                .attr("y2", function(d) { return d.target.y; });
+            link1.style("stroke","gray") // Color of the link and stroke width
+                .style("stroke-width",1.5+"px");
+            var node1 = svg.append("g") // Nodes in the graph
+                .attr("class", "nodes")
+                .selectAll("circle")
+                .data(nodes1)
+                .enter().append("circle")
+                .attr("r", 20)
+                .style("fill", function(d){
+                    if(d.label == "Non-Performance"){
+                        return "gray";
+                    }else {
+                        return "blue";
+                    }
+                })
+                .attr("cx", function(d) { return d.x; })
+                .attr("cy", function(d) { return d.y; })
+                .on("mousedown",mousedown);
+            //To get the detailed results
+            function mousedown(d) {
+                var tableContainer = d3.select('.container');
+                tableContainer.remove();
+                d3.select("table").remove();
+                const nodeName = d.label;
+                var container = d3.select('body')
+                    .append('div')
+                    .attr('class', 'container')
+                    .style('height', '250px')
+                    .style('overflow', 'auto');
+                // Create the table element inside the container
+                var table = container.append('table')
+                    .attr('class', 'table')
+                    .style('table-layout', 'auto')
+                // Add a header row
+                const headerRow = table.append("tr");
+                headerRow.append("th").text("Id");
+                headerRow.append("th").text("Full Sentence");
+                headerRow.append("th").text("Component");
+                headerRow.append("th").text("cause/effect");
+                headerRow.append("th").text("Label level1");
+                headerRow.append("th").text("Label level2");
+                // Add a data row for the hovered node
+                d3.json("detailedResults.json", function(data) {
+                    var table = d3.select("table"); // select the existing table
+                    var tbody = table.append("tbody"); // create a tbody element
+                    // loop through each item in the data array
+                    for (var i = 0; i < data.length; i++) {
+                        console.log(nodeName);
+                        console.log([data[i].Labellevel1])
+                        if(nodeName == [data[i].Labellevel1]) {
+                            console.log("yipee")
+                            var tr = tbody.append("tr"); // create a table row for each item
+                            // append a table cell with the Id property
+                            tr.append("td").text(data[i].Id);
+                            tr.append("td").text([data[i].Fullsentence]);
+                            tr.append("td").text([data[i].Component]);
+                            tr.append("td").text([data[i].causeOrEffect]);
+                            tr.append("td").text([data[i].Labellevel1]);
+                            tr.append("td").text([data[i].Labellevel2]);
+                        }
+                    }
+                });
+            }
+            svg.append("text")
+                .attr("x", width/2 + 10)
+                .attr("y", height - 150)
+                .attr("text-anchor", "middle")
+                .text(" Click on a node to get the detailed results")
+                .style("font-weight", "bold")
+                .style("font-family", "Times New Roman")
+                .style("font-size", "16px")
+                .style("opacity", 0)
+                .transition()
+                .duration(2000)
+                .style("opacity", 1);
+        </script>
+    </div>
+    <div id="d2">
+        <script src="http://d3js.org/d3.v3.min.js"></script>
+        <script>
+            // Load the data
+            d3.json("level2.json", function(data) {
+                var links = data;
+                console.log(links)
+                // Compute the distinct nodes from the links.
+                links.sort(function(a,b) {
+                    if (a.source > b.source) {return 1;}
+                    else if (a.source < b.source) {return -1;}
+                    else {
+                        if (a.target > b.target) {return 1;}
+                        if (a.target < b.target) {return -1;}
+                        else {return 0;}
+                    }
+                });
+                //any links with duplicate source and target get an incremented 'linknum'
+                for (var i=0; i<links.length; i++) {
+                    if (i != 0 &&
+                        links[i].source == links[i-1].source &&
+                        links[i].target == links[i-1].target) {
+                        links[i].linknum = links[i-1].linknum + 1;
+                    }
+                    else {links[i].linknum = 1;};
+                };
+                var nodes = {};
+                // Compute the distinct nodes from the links.
+                links.forEach(function(link) {
+                    link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});
+                    link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});
+                });
+                // width and height of svg
+                var width = 650,
+                    height = 620;
+                var force = d3.layout.force()
+                    .nodes(d3.values(nodes))
+                    .links(links)
+                    .size([width, height])
+                    .linkDistance(380)
+                    .charge(-3000)
+                    .on("tick", tick)
+                    .start();
+                var svg2 = d3.select("#d2").append("svg")
+                    .attr("width", width)
+                    .attr("height", height)
+                    .append("g");
+                // Append the arrows
+                svg2.append("svg:defs").selectAll("marker")
+                    .data(["arrow"])
+                    .enter().append("svg:marker")
+                    .attr("id", String)
+                    .attr("viewBox", "0 -5 10 10")
+                    .attr("refX", 22)
+                    .attr("refY", -1.8)
+                    .attr("markerWidth", 6)
+                    .attr("markerHeight", 6)
+                    .attr("orient", "auto")
+                    .append("svg:path")
+                    .attr("d", "M0,-5L10,0L0,5")
+                // Per-type markers, as they don't inherit styles.
+                var path = svg2.append("svg:g").selectAll("path")
+                    .data(force.links())
+                    .enter().append("svg:path")
+                    .attr("class", "link")
+                    .attr("id",function(d,i) { return "linkId_" + i; })
+                    .attr("marker-end", function(d) {
+                        if (d.source.name != d.target.name) {
+                            console.log("arrow"+ "url(#arrow)");
+                            return "url(#arrow)";
+                        } else {
+                            return "";
+                        }
+                    })
+                    .on("click", function(d) {
+                        console.log("Source: " + d.source.name);
+                        console.log("Target: " + d.target.name);
+                        path.style("stroke-width", 2+"px");
+                        d3.select(this)
+                            .transition()
+                            .duration(1000) // Animation duration in milliseconds
+                            .style("stroke-width", "3px");
+                        var nodeTable = document.querySelector(".container");
+                        nodeTable.style.display = "none";
+                        d3.select("table").remove();
+                        var tableContainer = d3.select('.container');
+                        tableContainer.remove();
+                        var tableheader = d3.select('.headerRow');
+                        tableheader.remove();
+                        const nodeName = d.name;
+                        console.log("Hovering over node:", nodeName);
+                        var container = d3.select('body')
+                            .append('div')
+                            .attr('class', 'container')
+                            .style('height', '250px')
+                            .style('overflow', 'auto');
+                        var table = container.append('table')
+                            .attr('class', 'table')
+                            .style('table-layout', 'auto')
+                        d3.selectAll('.table td')
+                            .style('font-size', '12px');
+                        const headerRow = table.append("tr");
+                        headerRow.append("th").text("Id");
+                        headerRow.append("th").text("Full Sentence");
+                        headerRow.append("th").text("Component");
+                        headerRow.append("th").text("cause/effect");
+                        headerRow.append("th").text("Label level1");
+                        headerRow.append("th").text("Label level2");
+                        d3.json("detailedResults.json", function(data) {
+                            var table = d3.select("table"); // select the existing table
+                            var tbody = table.append("tbody"); // create a tbody element
+                            // loop through each item in the data array
+                            for (var i = 0; i < data.length; i++) {
+                                var lableName = data[i].Labellevel2;
+                                var causeOrEffect = data[i].causeOrEffect;
+                                var id = data[i].Id;
+                                if(lableName == d.source.name && (causeOrEffect == "cause")){
+                                    for (var j = 0; j < data.length; j++) {
+                                        if(id == data[j].Id){
+                                            var lableName = data[j].Labellevel2;
+                                            var causeOrEffect = data[j].causeOrEffect;
+                                            if(lableName == d.target.name && (causeOrEffect == "effect")) {
+                                                var tr = tbody.append("tr"); // create a table row for each item
+                                                tr.append("td").text(data[i].Id);
+                                                tr.append("td").text([data[i].Fullsentence]);
+                                                tr.append("td").text([data[i].Component]);
+                                                tr.append("td").text([data[i].causeOrEffect]);
+                                                tr.append("td").text([data[i].Labellevel1]);
+                                                tr.append("td").text([data[i].Labellevel2]);
+                                                tr = tbody.append("tr")
+                                                // append a table cell with the Id property
+                                                tr.append("td").text(data[j].Id);
+                                                tr.append("td").text([data[j].Fullsentence]);
+                                                tr.append("td").text([data[j].Component]);
+                                                tr.append("td").text([data[j].causeOrEffect]);
+                                                tr.append("td").text([data[j].Labellevel1]);
+                                                tr.append("td").text([data[j].Labellevel2]);
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        });
+                    });
+                path.style("stroke-width",function() { // width of the link
+                        return 2 + "px";
+                })
+                var node = svg2.selectAll(".node") //nodes in the graph
+                    .data(force.nodes())
+                    .enter().append("g")
+                    .attr("class", "node")
+                    .on("mousedown", mousedown)
+                    .call(force.drag);
+                var colorScale = d3.scale.linear()
+                    .domain([0, 60]) // Set the domain of the scale to the minimum and maximum possible values of d.value
+                    .range(["#C0C0C0", "black"]); // Set the range of the scale to the minimum and maximum desired colors
+                path.style("stroke", function(d) {
+                    console.log(d.value+colorScale(d.value))
+                    return colorScale(d.value); // Use the scale to map the value of d.value to a color
+                });
+                // create a map in order to compute the size of the node
+                const map1 = new Map();
+                for (var nodeName in nodes) {
+                    var sum = 0;
+                    console.log("sum"+nodeName)
+                    links.forEach(function (link) {
+                        if(nodeName == link.source.name || nodeName == link.target.name) {
+                            sum = sum + link.value
+                        }
+                        map1.set(nodeName, sum);
+                    });
+                }
+                const min = Math.min(...map1.values());
+                console.log(min); // 👉️ 3
+                const max = Math.max(...map1.values());
+                console.log(max);
+                var myScale = d3.scale.linear()
+                    .domain([min, max])
+                    .range([10, 20]);
+                node.append("circle")
+                    .attr("r", function(d) {
+                        console.log("radius"+myScale(map1.get(d.name)))
+                        return myScale(map1.get(d.name));
+                    })
+                    .style("fill", function(d){
+                        if(d.name == "Non-performance"){
+                            return "gray";
+                        }else{
+                            return "blue";
+                        }
+                    })
+                    .style("stroke", "black")
+                var text = svg2.append("g").selectAll("text") // Lable of the node
+                    .data(force.nodes())
+                    .enter().append("text")
+                    .attr("x", 8)
+                    .attr("y", ".31em")
+                    .text(function(d) { return d.name; });
+                var linktext = svg2.append("svg:g").selectAll("g.linklabelholder").data(force.links());
+                linktext.enter().append("g").attr("class", "linklabelholder")
+                    .append("text")
+                    .attr("class", "linklabel")
+                    .style("font-size", "13px")
+                    .attr("x", "50")
+                    .attr("y", "-20")
+                    .attr("text-anchor", "start")
+                    .style("fill","#000")
+                    .append("textPath")
+                    .attr("xlink:href",function(d,i) { return "#linkId_" + i;})
+                    .text(function(d) {
+                        return d.value;
+                    });
+                // Use elliptical arc path segments to doubly-encode directionality.
+                function tick() {
+                    path.attr("d", linkArc);
+                    // node.attr("transform", transform);
+                    text.attr("transform", transform);
+                    node
+                        .attr("transform", function(d) {
+                            return "translate(" + d.x + "," + d.y + ")"; })
+                    path.attr("d", function(d) {
+                        // if(d.value !=0 ) {
+                        var x1 = d.source.x,
+                            y1 = d.source.y,
+                            x2 = d.target.x,
+                            y2 = d.target.y,
+                            dx = x2 - x1,
+                            dy = y2 - y1,
+                            dr = Math.sqrt(dx * dx + dy * dy),
+                            // Defaults for normal edge.
+                            drx = dr,
+                            dry = dr,
+                            xRotation = 5, // degrees
+                            largeArc = 0, // 1 or 0
+                            sweep = 1; // 1 or 0
+                        // Self edge.
+                        if (x1 === x2 && y1 === y2) {
+                            // Fiddle with this angle to get loop oriented.
+                            xRotation = -70;
+                            // Needs to be 1.
+                            largeArc = 1;
+                            // Change sweep to change orientation of loop.
+                            sweep = 1;
+                            // Make drx and dry different to get an ellipse
+                            // instead of a circle.
+                            drx = 30;
+                            dry = 15;
+                            // For whatever reason the arc collapses to a point if the beginning
+                            // and ending points of the arc are the same, so kludge it.
+                            x2 = x2 + 1;
+                            y2 = y2 + 1;
+                        }
+                        return "M" + x1 + "," + y1 + "A" + drx + "," + dry + " " + xRotation + "," + largeArc + "," + sweep + " " + x2 + "," + y2;
+                        //}
+                    });
+                }
+                function linkArc(d) {
+                    var dx = d.target.x - d.source.x,
+                        dy = d.target.y - d.source.y,
+                        dr = Math.sqrt(dx * dx + dy * dy);
+                    return "M" + d.source.x + "," + d.source.y + "A" + dr + "," + dr + " 0 0,1 " + d.target.x + "," + d.target.y;
+                }
+                function transform(d) {
+                    return "translate(" + d.x + "," + d.y + ")";
+                }
+                function mousedown(d) {
+                    path.style("stroke-width", 2+"px");
+                    d3.event.stopPropagation();
+                // Removes the table first cleans all the div container area in order to append the new table
+                    d3.select("table").remove();
+                    var tableContainer = d3.select('.container');
+                    tableContainer.remove();
+                    var tableheader = d3.select('.headerRow');
+                    tableheader.remove();
+                    const nodeName = d.name;
+                    console.log("Hovering over node:", nodeName);
+                // Create the container to append the table elements both header and body
+                    var container = d3.select('body')
+                        .append('div')
+                        .attr('class', 'container')
+                        .style('height', '250px')
+                        .style('overflow', 'auto');
+                    // Create the table element inside the container
+                    var table = container.append('table')
+                        .attr('class', 'table')
+                        .style('table-layout', 'auto')
+                    d3.selectAll('.table td')
+                        .style('font-size', '12px');
+                    // Add a header row
+                    const headerRow = table.append("tr");
+                    headerRow.append("th").text("Id");
+                    headerRow.append("th").text("Full Sentence");
+                    headerRow.append("th").text("Component");
+                    headerRow.append("th").text("cause/effect");
+                    headerRow.append("th").text("Label level1");
+                    headerRow.append("th").text("Label level2");
+                    // Add a data row for the hovered node
+                    d3.json("detailedResults.json", function(data) {
+                        var table = d3.select("table"); // select the existing table
+                        var tbody = table.append("tbody"); // create a tbody element
+                        // loop through each item in the data array
+                        for (var i = 0; i < data.length; i++) {
+                            if(nodeName == [data[i].Labellevel2]) { // Check for if the nodename that is cliked matches the name in the csv file
+                                var tr = tbody.append("tr"); // create a table row for each item
+                                // append a table cell with the Id property
+                                tr.append("td").text(data[i].Id);
+                                tr.append("td").text([data[i].Fullsentence]);
+                                tr.append("td").text([data[i].Component]);
+                                tr.append("td").text([data[i].causeOrEffect]);
+                                tr.append("td").text([data[i].Labellevel1]);
+                                tr.append("td").text([data[i].Labellevel2]);
+                            }
+                        }
+                    });
+                }
+                // The text that appears below the 5 node graph
+                svg2.append("text")
+                    .attr("x", width/2 + 10)
+                    .attr("y", height - 30)
+                    .attr("text-anchor", "middle")
+                    .text(" Click on a node to get the detailed results")
+                    .style("font-weight", "bold")
+                    .style("font-family", "Times New Roman")
+                    .style("font-size", "16px")
+                    .style("opacity", 0)
+                    .transition()
+                    .duration(2000)
+                    .style("opacity", 1);
+            });
+        </script>
+    </div>
+</div>
+</body>
+</html>

detailedResults.json ADDED Viewed

The diff for this file is too large to render. See raw diff

detailedResults_subham.json ADDED Viewed

	@@ -0,0 +1 @@

+ [{"": "0", "Id": "1", "Fullsentence": "the company believes aflac japan will remain a leadingnprovider of cancer and medical insurance coverage in japan principally due to its experience in the marketnwellknown brand lowcost operations expansive marketing system and product expertise", "Component": "the, company, believes, a f, j apa, remain, a, leading n, of, cancer, and, medical, insurance, coverage, j apa, its", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "1", "Id": "1", "Fullsentence": "the company believes aflac japan will remain a leadingnprovider of cancer and medical insurance coverage in japan principally due to its experience in the marketnwellknown brand lowcost operations expansive marketing system and product expertise", "Component": "will", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "2", "Id": "1", "Fullsentence": "the company believes aflac japan will remain a leadingnprovider of cancer and medical insurance coverage in japan principally due to its experience in the marketnwellknown brand lowcost operations expansive marketing system and product expertise", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "5", "Id": "1", "Fullsentence": "the company believes aflac japan will remain a leadingnprovider of cancer and medical insurance coverage in japan principally due to its experience in the marketnwellknown brand lowcost operations expansive marketing system and product expertise", "Component": "due, experience", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "6", "Id": "2", "Fullsentence": "causalrelation however given the profitability erosion some major medicalncarriers are facing in their core lines of business the company has seen a more competitive landscape asnthese carriers seek entry into aflacs supplemental product segments and leverage their core benefitnofferings by bundling and discounting products in order to gain market share", "Component": "some, market, share", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "7", "Id": "2", "Fullsentence": "causalrelation however given the profitability erosion some major medicalncarriers are facing in their core lines of business the company has seen a more competitive landscape asnthese carriers seek entry into aflacs supplemental product segments and leverage their core benefitnofferings by bundling and discounting products in order to gain market share", "Component": "the company has", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Society"}, {"": "11", "Id": "2", "Fullsentence": "causalrelation however given the profitability erosion some major medicalncarriers are facing in their core lines of business the company has seen a more competitive landscape asnthese carriers seek entry into aflacs supplemental product segments and leverage their core benefitnofferings by bundling and discounting products in order to gain market share", "Component": "ca usal", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "12", "Id": "2", "Fullsentence": "causalrelation however given the profitability erosion some major medicalncarriers are facing in their core lines of business the company has seen a more competitive landscape asnthese carriers seek entry into aflacs supplemental product segments and leverage their core benefitnofferings by bundling and discounting products in order to gain market share", "Component": "in", "causeOrEffect": "effect", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "13", "Id": "3", "Fullsentence": "ncausalrelationfederal regulation causefederal legislation and administrative policiescausenin several areas including health care reform legislation financial services reform legislation securitiesnregulation pension regulation privacy tort reform legislation and taxation can significantly and adverselyn", "Component": "reform legislation financial services reform legislation securitiesn re, and taxation, can, significantly and, adverse lyn", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "15", "Id": "3", "Fullsentence": "ncausalrelationfederal regulation causefederal legislation and administrative policiescausenin several areas including health care reform legislation financial services reform legislation securitiesnregulation pension regulation privacy tort reform legislation and taxation can significantly and adverselyn", "Component": "nca usal", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "16", "Id": "6", "Fullsentence": "human capitalnthe companys overarching human capital philosophy is if you take care of your employees yournemployees will take care of the business", "Component": "is if you, take, care, of, the, business", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "17", "Id": "6", "Fullsentence": "human capitalnthe companys overarching human capital philosophy is if you take care of your employees yournemployees will take care of the business", "Component": "employees your mp", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "18", "Id": "6", "Fullsentence": "human capitalnthe companys overarching human capital philosophy is if you take care of your employees yournemployees will take care of the business", "Component": "will", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "20", "Id": "6", "Fullsentence": "human capitalnthe companys overarching human capital philosophy is if you take care of your employees yournemployees will take care of the business", "Component": "human", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "21", "Id": "7", "Fullsentence": "causalrelation causeweak global financial marketscausenimpact the value of the companys existing investment portfolio influence opportunities for newninvestments and may triggercontribute totrigger generally weak economic fundamentals which cannhave a outcomenegative impact on its results of operations and financial positions", "Component": "to tri, generally, economic, fundamental s, which, can, a, outcome ne, impact, on, its, results, of, operations, and, financial, positions", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "22", "Id": "7", "Fullsentence": "causalrelation causeweak global financial marketscausenimpact the value of the companys existing investment portfolio influence opportunities for newninvestments and may triggercontribute totrigger generally weak economic fundamentals which cannhave a outcomenegative impact on its results of operations and financial positions", "Component": "and may", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "23", "Id": "7", "Fullsentence": "causalrelation causeweak global financial marketscausenimpact the value of the companys existing investment portfolio influence opportunities for newninvestments and may triggercontribute totrigger generally weak economic fundamentals which cannhave a outcomenegative impact on its results of operations and financial positions", "Component": "weak", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "25", "Id": "7", "Fullsentence": "causalrelation causeweak global financial marketscausenimpact the value of the companys existing investment portfolio influence opportunities for newninvestments and may triggercontribute totrigger generally weak economic fundamentals which cannhave a outcomenegative impact on its results of operations and financial positions", "Component": "causal rel, trigger tri", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "26", "Id": "8", "Fullsentence": "nwhile conditions have improved the companys investments remain vulnerable to extreme asset pricenvolatility lack of market liquidity credit rating downgrades payment defaults asset restructuringsnincreased losses and other risks as the world experiences an unprecedented shock to economic activity", "Component": "have improved the companys investments remain vulnerable to extreme asset pricenvolatility lack of market liquidity credit rating downgrades payment defaults asset, restructurings cre, losses and other risks as the, experiences an, unprecedented, shock, to, economic, activity", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "28", "Id": "8", "Fullsentence": "nwhile conditions have improved the companys investments remain vulnerable to extreme asset pricenvolatility lack of market liquidity credit rating downgrades payment defaults asset restructuringsnincreased losses and other risks as the world experiences an unprecedented shock to economic activity", "Component": "nwhile", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "29", "Id": "9", "Fullsentence": "interest rates havendeclined in response to the pandemic and a prolonged reduction in interest rates globally could result innnew investments generating lower yields than in prior periods", "Component": "could, investments, generating, lower, yields, than, prior, periods", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "30", "Id": "9", "Fullsentence": "interest rates havendeclined in response to the pandemic and a prolonged reduction in interest rates globally could result innnew investments generating lower yields than in prior periods", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "33", "Id": "9", "Fullsentence": "interest rates havendeclined in response to the pandemic and a prolonged reduction in interest rates globally could result innnew investments generating lower yields than in prior periods", "Component": "interest, result w", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "34", "Id": "10", "Fullsentence": "market volatility and recessionary pressures could result innsignificant realized or unrealized losses due to severe price declines driven by increases in interest ratesnor credit spreads defaults in payment of principal or interest or credit rating downgrades", "Component": "vol ati, recession ary, pressures could, result, inn sign, realized, or, un real, losses", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "37", "Id": "10", "Fullsentence": "market volatility and recessionary pressures could result innsignificant realized or unrealized losses due to severe price declines driven by increases in interest ratesnor credit spreads defaults in payment of principal or interest or credit rating downgrades", "Component": "due, severe", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "38", "Id": "11", "Fullsentence": "ncausalrelationthe causeadditional government debt from fiscal stimulus actionscause couldnadversely impact the japan sovereign credit profile which could in turn triggerlead totriggernoutcomevolatility in japanese capital and currency marketsoutcome", "Component": "which could, turn d, to tri, j apa, capital, and, currency, markets out", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "39", "Id": "11", "Fullsentence": "ncausalrelationthe causeadditional government debt from fiscal stimulus actionscause couldnadversely impact the japan sovereign credit profile which could in turn triggerlead totriggernoutcomevolatility in japanese capital and currency marketsoutcome", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "43", "Id": "11", "Fullsentence": "ncausalrelationthe causeadditional government debt from fiscal stimulus actionscause couldnadversely impact the japan sovereign credit profile which could in turn triggerlead totriggernoutcomevolatility in japanese capital and currency marketsoutcome", "Component": "nca usal", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "44", "Id": "11", "Fullsentence": "ncausalrelationthe causeadditional government debt from fiscal stimulus actionscause couldnadversely impact the japan sovereign credit profile which could in turn triggerlead totriggernoutcomevolatility in japanese capital and currency marketsoutcome", "Component": "in", "causeOrEffect": "effect", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "45", "Id": "12", "Fullsentence": "causalrelationnshould investors become concerned with any of the companys investment holdings including thenconcentration in jgbs its access to market sources of funding could be negatively impacted", "Component": "could, be, negatively, impacted", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "48", "Id": "12", "Fullsentence": "causalrelationnshould investors become concerned with any of the companys investment holdings including thenconcentration in jgbs its access to market sources of funding could be negatively impacted", "Component": "causal rel", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "49", "Id": "14", "Fullsentence": "causalnrelation causechanges in interest ratescause could alsonusalrelationnthe companys exposure to interest rate risk relates primarily to the ability to invest future cash flows tonsupport the interest rate assumption made at the time the companys products were priced and the relatednreserving assumptions were established", "Component": "invest, future, cash, flows tons upport the, interest, rate, company s, products, were, priced, and, the, related n, assumptions, were, established", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "50", "Id": "14", "Fullsentence": "causalnrelation causechanges in interest ratescause could alsonusalrelationnthe companys exposure to interest rate risk relates primarily to the ability to invest future cash flows tonsupport the interest rate assumption made at the time the companys products were priced and the relatednreserving assumptions were established", "Component": "interest ratescause could also rel", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "51", "Id": "14", "Fullsentence": "causalnrelation causechanges in interest ratescause could alsonusalrelationnthe companys exposure to interest rate risk relates primarily to the ability to invest future cash flows tonsupport the interest rate assumption made at the time the companys products were priced and the relatednreserving assumptions were established", "Component": "assumption made at the time the", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Society"}, {"": "52", "Id": "14", "Fullsentence": "causalnrelation causechanges in interest ratescause could alsonusalrelationnthe companys exposure to interest rate risk relates primarily to the ability to invest future cash flows tonsupport the interest rate assumption made at the time the companys products were priced and the relatednreserving assumptions were established", "Component": "companys exposure to interest rate risk relates primarily to the ability to", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "55", "Id": "14", "Fullsentence": "causalnrelation causechanges in interest ratescause could alsonusalrelationnthe companys exposure to interest rate risk relates primarily to the ability to invest future cash flows tonsupport the interest rate assumption made at the time the companys products were priced and the relatednreserving assumptions were established", "Component": "causaln rel", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "56", "Id": "16", "Fullsentence": "nas discussed in item 1 business beginning in 2013 aflac japan began to curtail sales of first sectornsavingstype products due to persistent low interest rates in japan", "Component": "began, to, cu rta, of, first, sector ns, products", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "57", "Id": "16", "Fullsentence": "nas discussed in item 1 business beginning in 2013 aflac japan began to curtail sales of first sectornsavingstype products due to persistent low interest rates in japan", "Component": "sales", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "60", "Id": "16", "Fullsentence": "nas discussed in item 1 business beginning in 2013 aflac japan began to curtail sales of first sectornsavingstype products due to persistent low interest rates in japan", "Component": "due, persistent", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "61", "Id": "17", "Fullsentence": "dollardenominated assets thereby increasing earningsnvolatility", "Component": "earnings n", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "63", "Id": "17", "Fullsentence": "dollardenominated assets thereby increasing earningsnvolatility", "Component": "dollar den, thereby", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "64", "Id": "18", "Fullsentence": "as such valuations may include inputs and assumptions that are less observable or requirengreater estimation and valuation methods that are more sophisticated thereby resulting in values that maynbe greater or less than the value at which the investments may be ultimately sold", "Component": "as such, or, thereby, values, that, may n, greater, or, less, than, the, value, at, which, the, investments, may, be, ultimately, sold n", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "65", "Id": "18", "Fullsentence": "as such valuations may include inputs and assumptions that are less observable or requirengreater estimation and valuation methods that are more sophisticated thereby resulting in values that maynbe greater or less than the value at which the investments may be ultimately sold", "Component": "may include", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "66", "Id": "18", "Fullsentence": "as such valuations may include inputs and assumptions that are less observable or requirengreater estimation and valuation methods that are more sophisticated thereby resulting in values that maynbe greater or less than the value at which the investments may be ultimately sold", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "68", "Id": "18", "Fullsentence": "as such valuations may include inputs and assumptions that are less observable or requirengreater estimation and valuation methods that are more sophisticated thereby resulting in values that maynbe greater or less than the value at which the investments may be ultimately sold", "Component": "v al, resulting", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "69", "Id": "19", "Fullsentence": "nnrsros may change their ratings or outlook on an insurers ratings due to a variety of factors includingnbut not limited to competitive position profitability cash generation and other sources of liquidity capitalnlevels quality of the investment portfolio and perception of management capabilities", "Component": "may, change, their, ratings, or, outlook, on, an, ins urers, ratings", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "71", "Id": "19", "Fullsentence": "nnrsros may change their ratings or outlook on an insurers ratings due to a variety of factors includingnbut not limited to competitive position profitability cash generation and other sources of liquidity capitalnlevels quality of the investment portfolio and perception of management capabilities", "Component": "due, a variety", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "72", "Id": "20", "Fullsentence": "downgrades of the companys credit ratings could give its derivativencounterparties the right to require early termination of derivatives transactions or delivery of additionalncollateral thereby adversely affecting the companys liquidity", "Component": "could, its, derivative nco, the, right, to, require, early, of, derivatives, transactions, or, delivery, of, additional nco, thereby, adverse ly, affecting, the, company s, liquid ity", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "73", "Id": "20", "Fullsentence": "downgrades of the companys credit ratings could give its derivativencounterparties the right to require early termination of derivatives transactions or delivery of additionalncollateral thereby adversely affecting the companys liquidity", "Component": "termination", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "75", "Id": "20", "Fullsentence": "downgrades of the companys credit ratings could give its derivativencounterparties the right to require early termination of derivatives transactions or delivery of additionalncollateral thereby adversely affecting the companys liquidity", "Component": "down grade, give", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "76", "Id": "21", "Fullsentence": "nnegative events or developments affecting any particular single issuer industry group of related industriesnasset class or geographic sector may have an adverse impact on a particular holding or set of holdingsnwhich may increase risk of loss from defaults due to nonpayment of interest or principal", "Component": "an, adverse, impact, on, a, particular, holding, or, set, of, holdings n, may, increase, risk, of, loss, from, default s", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "78", "Id": "21", "Fullsentence": "nnegative events or developments affecting any particular single issuer industry group of related industriesnasset class or geographic sector may have an adverse impact on a particular holding or set of holdingsnwhich may increase risk of loss from defaults due to nonpayment of interest or principal", "Component": "due, non pa", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "79", "Id": "23", "Fullsentence": "causalnrelationcausemany factorscause can triggercausetrigger outcomeactual outcomes tonthe assets supporting the policy liabilities will grow to the level the company assumes prior to payment ofnbenefits or claims", "Component": "can use, outcome act, outcomes the, assets, supporting, the, policy, l ia, grow, to, the, level, the, company, assumes, prior, to, payment, of n, or, claims", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "80", "Id": "23", "Fullsentence": "causalnrelationcausemany factorscause can triggercausetrigger outcomeactual outcomes tonthe assets supporting the policy liabilities will grow to the level the company assumes prior to payment ofnbenefits or claims", "Component": "will", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "82", "Id": "23", "Fullsentence": "causalnrelationcausemany factorscause can triggercausetrigger outcomeactual outcomes tonthe assets supporting the policy liabilities will grow to the level the company assumes prior to payment ofnbenefits or claims", "Component": "causal n", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "83", "Id": "25", "Fullsentence": "triggerbecausetrigger thenrepurchases of its common stock and to make investments into its subsidiaries or external opportunities", "Component": "investments, into, its, subsidiaries, or, external, opportunities", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "84", "Id": "25", "Fullsentence": "triggerbecausetrigger thenrepurchases of its common stock and to make investments into its subsidiaries or external opportunities", "Component": "and to", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "87", "Id": "25", "Fullsentence": "triggerbecausetrigger thenrepurchases of its common stock and to make investments into its subsidiaries or external opportunities", "Component": "trigger be", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "88", "Id": "26", "Fullsentence": "in times of market stress unanticipated marketnmovements or unanticipated claims experience resulting from greater than expected morbidity mortalitynlongevity or persistency the effectiveness of the companys risk management strategies may be limitednresulting in losses to the company", "Component": "experience resulting from, the, may, be, limited n, losses, to, the, company", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "89", "Id": "26", "Fullsentence": "in times of market stress unanticipated marketnmovements or unanticipated claims experience resulting from greater than expected morbidity mortalitynlongevity or persistency the effectiveness of the companys risk management strategies may be limitednresulting in losses to the company", "Component": "in times of market stress unanti ci, in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "92", "Id": "26", "Fullsentence": "in times of market stress unanticipated marketnmovements or unanticipated claims experience resulting from greater than expected morbidity mortalitynlongevity or persistency the effectiveness of the companys risk management strategies may be limitednresulting in losses to the company", "Component": "greater", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "93", "Id": "27", "Fullsentence": "nif the company fails to comply with restrictions on customer privacy and information securitynincluding taking steps to ensure that its thirdparty service providers and business associates whonaccess store process or transmit sensitive customer information maintain its security integritynconfidentiality and availability the companys reputation and business operations could benmaterially adversely affected", "Component": "nif the, maintain, its, security, integrity n, and, availability, the, company s, reputation, and, business, operations, could, ben mate, adverse ly, affected com", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "94", "Id": "27", "Fullsentence": "nif the company fails to comply with restrictions on customer privacy and information securitynincluding taking steps to ensure that its thirdparty service providers and business associates whonaccess store process or transmit sensitive customer information maintain its security integritynconfidentiality and availability the companys reputation and business operations could benmaterially adversely affected", "Component": "to ensure that its", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Society"}, {"": "96", "Id": "27", "Fullsentence": "nif the company fails to comply with restrictions on customer privacy and information securitynincluding taking steps to ensure that its thirdparty service providers and business associates whonaccess store process or transmit sensitive customer information maintain its security integritynconfidentiality and availability the companys reputation and business operations could benmaterially adversely affected", "Component": "company", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "97", "Id": "28", "Fullsentence": "ncompliance with new privacy and security laws requirements and new regulations may result in costnincreases due to necessary systems changes new limitations or constraints on the companys businessnmodels the development of new administrative processes and the effects of potential noncompliance bynthe companys business associates", "Component": "privacy and, security laws requirements and, new, regulations may, result, cost nin", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "98", "Id": "28", "Fullsentence": "ncompliance with new privacy and security laws requirements and new regulations may result in costnincreases due to necessary systems changes new limitations or constraints on the companys businessnmodels the development of new administrative processes and the effects of potential noncompliance bynthe companys business associates", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "100", "Id": "28", "Fullsentence": "ncompliance with new privacy and security laws requirements and new regulations may result in costnincreases due to necessary systems changes new limitations or constraints on the companys businessnmodels the development of new administrative processes and the effects of potential noncompliance bynthe companys business associates", "Component": "due, necessary", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "101", "Id": "29", "Fullsentence": "in addition despite the security measures the companynhas in place to ensure compliance with applicable laws and rules the companys facilities and systemsnand those of the companys thirdparty providers and participants in its distribution channels may benvulnerable to security breaches acts of vandalism or theft computer viruses misplaced or lost datanprogramming andor human errors or other similar events", "Component": "addition despite the, the, to ensure compliance, applicable, facilities and, systems nan, of the, companys third par, providers and, participants, its, distribution, channels, may, ben vu, to, security, breach es, acts, of, van dal, theft, computer, viruses, mi sp, lost, and, human, errors, or, other, similar, events", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "102", "Id": "29", "Fullsentence": "in addition despite the security measures the companynhas in place to ensure compliance with applicable laws and rules the companys facilities and systemsnand those of the companys thirdparty providers and participants in its distribution channels may benvulnerable to security breaches acts of vandalism or theft computer viruses misplaced or lost datanprogramming andor human errors or other similar events", "Component": "and rules the companys", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "103", "Id": "29", "Fullsentence": "in addition despite the security measures the companynhas in place to ensure compliance with applicable laws and rules the companys facilities and systemsnand those of the companys thirdparty providers and participants in its distribution channels may benvulnerable to security breaches acts of vandalism or theft computer viruses misplaced or lost datanprogramming andor human errors or other similar events", "Component": "in", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "106", "Id": "29", "Fullsentence": "in addition despite the security measures the companynhas in place to ensure compliance with applicable laws and rules the companys facilities and systemsnand those of the companys thirdparty providers and participants in its distribution channels may benvulnerable to security breaches acts of vandalism or theft computer viruses misplaced or lost datanprogramming andor human errors or other similar events", "Component": "company nh", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "107", "Id": "29", "Fullsentence": "in addition despite the security measures the companynhas in place to ensure compliance with applicable laws and rules the companys facilities and systemsnand those of the companys thirdparty providers and participants in its distribution channels may benvulnerable to security breaches acts of vandalism or theft computer viruses misplaced or lost datanprogramming andor human errors or other similar events", "Component": "in", "causeOrEffect": "effect", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "108", "Id": "31", "Fullsentence": "causalrelation in additionncausechanges in the overall legal or regulatory environmentcause may even absent any particularnregulators or enforcement authoritys interpretation of an issue changing triggercausetrigger thencompanys practices that may in some cases limit its ability to grow or otherwise negatively impact thenprofitability of the companys business", "Component": "addition nc, changing, then com, limit, its, ability, to, grow, or, otherwise, negatively, impact, then p, of, the, company s, business", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "109", "Id": "31", "Fullsentence": "causalrelation in additionncausechanges in the overall legal or regulatory environmentcause may even absent any particularnregulators or enforcement authoritys interpretation of an issue changing triggercausetrigger thencompanys practices that may in some cases limit its ability to grow or otherwise negatively impact thenprofitability of the companys business", "Component": "that may in some cases", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "112", "Id": "31", "Fullsentence": "causalrelation in additionncausechanges in the overall legal or regulatory environmentcause may even absent any particularnregulators or enforcement authoritys interpretation of an issue changing triggercausetrigger thencompanys practices that may in some cases limit its ability to grow or otherwise negatively impact thenprofitability of the companys business", "Component": "causal rel", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "113", "Id": "32", "Fullsentence": "ncausalrelationcompliance with applicable laws and regulations is time consuming and personnelnintensive and causechanges in these laws and regulationscause may materially increase thencompannhavingnoperationsoutcome causalrelation", "Component": "increase, then com, ca usal", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "114", "Id": "32", "Fullsentence": "ncausalrelationcompliance with applicable laws and regulations is time consuming and personnelnintensive and causechanges in these laws and regulationscause may materially increase thencompannhavingnoperationsoutcome causalrelation", "Component": "and personnelnintensive and causechanges in these laws and regulationscause may ly", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Employees"}, {"": "116", "Id": "32", "Fullsentence": "ncausalrelationcompliance with applicable laws and regulations is time consuming and personnelnintensive and causechanges in these laws and regulationscause may materially increase thencompannhavingnoperationsoutcome causalrelation", "Component": "ncausal rel", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "117", "Id": "33", "Fullsentence": "causalrelation a failure to meet evolving customer demands through innovative product development effective distribution channels and continuous investment in thencausalrelationcausecatastrophic eventscause including triggeras a resulttrigger ofncausalrelation", "Component": "including as a, of nc", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "120", "Id": "33", "Fullsentence": "causalrelation a failure to meet evolving customer demands through innovative product development effective distribution channels and continuous investment in thencausalrelationcausecatastrophic eventscause including triggeras a resulttrigger ofncausalrelation", "Component": "causal rel", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "121", "Id": "34", "Fullsentence": "the perception of unfavorable business practices lack of commitment tonsustainability efforts and attention to societal impacts or financial weakness with respect to the company its alliance partners sales associates or other distribution partners could create doubt regarding thencompanys ability to honor the commitments it has made to its policyholders", "Component": "the, its, could, regarding, then com, ability, to, honor, the, commitments, it, has, made, to, its, policy holders", "causeOrEffect": "cause", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}, {"": "122", "Id": "34", "Fullsentence": "the perception of unfavorable business practices lack of commitment tonsustainability efforts and attention to societal impacts or financial weakness with respect to the company its alliance partners sales associates or other distribution partners could create doubt regarding thencompanys ability to honor the commitments it has made to its policyholders", "Component": "sales", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Investors"}, {"": "123", "Id": "34", "Fullsentence": "the perception of unfavorable business practices lack of commitment tonsustainability efforts and attention to societal impacts or financial weakness with respect to the company its alliance partners sales associates or other distribution partners could create doubt regarding thencompanys ability to honor the commitments it has made to its policyholders", "Component": "with respect to the", "causeOrEffect": "cause", "Labellevel1": "Performance", "Labellevel2": "Unclassified"}, {"": "125", "Id": "34", "Fullsentence": "the perception of unfavorable business practices lack of commitment tonsustainability efforts and attention to societal impacts or financial weakness with respect to the company its alliance partners sales associates or other distribution partners could create doubt regarding thencompanys ability to honor the commitments it has made to its policyholders", "Component": "perception", "causeOrEffect": "effect", "Labellevel1": "Non-Performance", "Labellevel2": "Non-performance"}]

level2.css ADDED Viewed

	@@ -0,0 +1,18 @@

+path.link {
+    fill: none;
+    stroke-width: 1.5px;
+}
+circle {
+    fill: #ccc;
+    stroke: #333;
+    stroke-width: 1.5px;
+}
+text {
+    font: 10px sans-serif;
+    pointer-events: none;
+}

level2.json ADDED Viewed

	@@ -0,0 +1 @@

+ [{"source": "Non-performance", "target": "Non-performance", "value": 94}, {"source": "Non-performance", "target": "Investors", "value": 31}, {"source": "Non-performance", "target": "Customers", "value": 2}, {"source": "Non-performance", "target": "Employees", "value": 20}, {"source": "Non-performance", "target": "Society", "value": 41}, {"source": "Investors", "target": "Non-performance", "value": 31}, {"source": "Investors", "target": "Investors", "value": 18}, {"source": "Investors", "target": "Customers", "value": 6}, {"source": "Investors", "target": "Employees", "value": 6}, {"source": "Investors", "target": "Society", "value": 5}, {"source": "Customers", "target": "Non-performance", "value": 2}, {"source": "Customers", "target": "Investors", "value": 0}, {"source": "Customers", "target": "Customers", "value": 0}, {"source": "Customers", "target": "Employees", "value": 2}, {"source": "Customers", "target": "Society", "value": 0}, {"source": "Employees", "target": "Non-performance", "value": 20}, {"source": "Employees", "target": "Investors", "value": 6}, {"source": "Employees", "target": "Customers", "value": 4}, {"source": "Employees", "target": "Employees", "value": 4}, {"source": "Employees", "target": "Society", "value": 4}, {"source": "Society", "target": "Non-performance", "value": 41}, {"source": "Society", "target": "Investors", "value": 27}, {"source": "Society", "target": "Customers", "value": 8}, {"source": "Society", "target": "Employees", "value": 3}, {"source": "Society", "target": "Society", "value": 10}]

level2_subham.json ADDED Viewed

	@@ -0,0 +1 @@

+ [{"source": "Non-performance", "target": "Non-performance", "value": 455}, {"source": "Non-performance", "target": "Investors", "value": 52}, {"source": "Non-performance", "target": "Customers", "value": 38}, {"source": "Non-performance", "target": "Employees", "value": 45}, {"source": "Non-performance", "target": "Society", "value": 43}, {"source": "Investors", "target": "Non-performance", "value": 417}, {"source": "Investors", "target": "Investors", "value": 14}, {"source": "Investors", "target": "Customers", "value": 0}, {"source": "Investors", "target": "Employees", "value": 7}, {"source": "Investors", "target": "Society", "value": 5}, {"source": "Customers", "target": "Non-performance", "value": 417}, {"source": "Customers", "target": "Investors", "value": 14}, {"source": "Customers", "target": "Customers", "value": 0}, {"source": "Customers", "target": "Employees", "value": 7}, {"source": "Customers", "target": "Society", "value": 5}, {"source": "Employees", "target": "Non-performance", "value": 417}, {"source": "Employees", "target": "Investors", "value": 14}, {"source": "Employees", "target": "Customers", "value": 0}, {"source": "Employees", "target": "Employees", "value": 7}, {"source": "Employees", "target": "Society", "value": 5}, {"source": "Society", "target": "Non-performance", "value": 417}, {"source": "Society", "target": "Investors", "value": 14}, {"source": "Society", "target": "Customers", "value": 0}, {"source": "Society", "target": "Employees", "value": 7}, {"source": "Society", "target": "Society", "value": 5}]

side.css ADDED Viewed

	@@ -0,0 +1,21 @@

+/*.tree*/
+/*{*/
+/*    position: absolute;*/
+/*    top: 50%;*/
+/*    left: 50%;*/
+/*    transform: translate(-50%, -50%);*/
+/*    background-color : #4444aa;*/
+/*}*/
+/*.graph*/
+/*{*/
+/*    position: absolute;*/
+/*    top: 50%;*/
+/*    right: 50%;*/
+/*    transform: translate(50%, 50%);*/
+/*}*/
+#container{
+    display: flex;
+    flex-direction: row;
+    width: 100vw;
+}

tree.css ADDED Viewed

	@@ -0,0 +1,15 @@

+.node circle {
+    fill: #fff;
+    stroke: black;
+    stroke-width: 2px;
+}
+.node text {
+    font: 12px sans-serif;
+}
+.link {
+    fill: none;
+    stroke-width: 2px;
+}