30:T5aa,styles = html``31:T36a6,chart = { const imageIndentFactor = 0.1 const links = switchingGraph.links.map(d => Object.create(d)) const nodes = switchingGraph.nodes.map(d => Object.create(d)) const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links) .id(d => d.id) .distance(d => d["value"]/frequencyDivisionFactor) .strength(d => d["value"]/frequencyDivisionFactor)) .force("charge", d3.forceManyBody().strength(chargeForce)) .force("x", d3.forceX()) .force("y", d3.forceY()) .force("bounding-circle", () => { //radial bounding circle nodes.forEach(node => { // if node is outside of the bounding circle, // move node just inside circle along same polar axis if (distance([node.x, node.y], [x(0.5), y(0.5)]) > forceLayoutRadius) { const theta = Math.atan((node.y - y(0.5)) / (node.x - x(0.5))); node.x = x(0.5) + forceLayoutRadius * Math.cos(theta) * (node.x < x(0.5) ? -1 : 1); node.y = y(0.5) + forceLayoutRadius * Math.sin(theta) * (node.x < x(0.5) ? -1 : 1); } }) }) //.alphaMin(0) const svg = d3.create("svg") .attr("viewBox", [-canvasParam.width * forceLayoutXOriginPercentage, -canvasParam.height * forceLayoutYOriginPercentage - li.h, canvasParam.width, canvasParam.height]) .style("font-size", `${fontSize} ${fontMeasure}`) .style("background-color", bgColor) const link = svg.append("g") .attr("fill", "none") .selectAll("path") .data(links) .join("path") .attr("stroke", d => color(getEntityFromLabel(d.source.id,1))) .attr("stroke-width", d => linkThicknessScale(d["value"]) ) .attr("class", (d) => `links both ${standardise_label(d.source.id)} ${standardise_label(d.target.id)}`) const edgepaths = svg.selectAll(".edgepath") .data(links) .enter() .append("path") .attr("class", (d) => `edgepath ${standardise_label(d.source.id)} ${standardise_label(d.target.id)}`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0) .attr("id", function(d, i) { return "edgepath" + i }) .style("pointer-events", "none") const edgelabels = svg.selectAll(".edgelabel") .data(links) .enter() .append("text") .style("visibility", "hidden") .style("pointer-events", "none") .attr("class", (d) => `edgelabel ${standardise_label(d.source.id)} ${standardise_label(d.target.id)}`) .attr("id", function(d, i) { return "edgelabel" + i }) .attr("font-size", function(d, i) { return d["value"] > 0 ? fontSize : 0 }) .attr("font-weight", "bold") .attr("fill", "#000000") .attr("dy", fontSize * 1 / 3) edgelabels.append("textPath") .attr("xlink:href", function(d, i) { return "#edgepath" + i }) .style("text-anchor", "middle") .style("pointer-events", "none") .attr("class", "arrows") .attr("startOffset", "50%") .text(">>") simulation.on("tick", () => { link.attr("d", linkArc) edgepaths.attr("d", linkArc) edgelabels.attr("d", linkArc) node.attr("transform", d => `translate(${d.x},${d.y})`) }) const node = svg.append("g") .attr("fill", "currentColor") .attr("stroke-linecap", "round") .attr("stroke-linejoin", "round") .selectAll("g") .data(nodes) .join("g") .attr("class", function(d) { let clickable = switchingGraph.links.map((l) => l.source).indexOf(d.id) > -1? "clickable": "" return `node ${standardise_label(d.id)} ${minBaseValidation(d, clickable)}` }) .attr("id", d => `node_${d.index}`) //.call(drag(this)) .call(drag(simulation)) .on("click", connectedNodes) node.append("circle") .classed("color-fill", true) .attr("fill", d => color(getEntityFromLabel(d.id,1))) .attr("r", d => radiusScale(d["value"]) ) // Append images if(typeof(dataMockDisplayr.imageUrls) != "undefined") { node.append("svg:image") .attr('class', "node-image") .attr("xlink:href", (d) => imageMap.get(getEntityFromLabel(d.id,0)).url ) .attr("x", (d) => -0.5 * ((1-imageIndentFactor)*radiusScale(d["value"]) * 2) / (Math.pow(2, 0.5)) ) .attr("y", (d) => -0.5 * ((1-imageIndentFactor)*radiusScale(d["value"]) * 2) / (Math.pow(2, 0.5)) ) .attr("height", (d) => ((1-imageIndentFactor)*radiusScale(d["value"]) * 2) / (Math.pow(2, 0.5)) ) .attr("width", (d) => ((1-imageIndentFactor)*radiusScale(d["value"]) * 2) / (Math.pow(2, 0.5)) ) .attr("overflow", "hidden") .attr("opacity", 0.6) /* .attr("width",(d) => `scale(${Math.pow( Math.pow( (1 - d3.max([getServiceSVG(d.id)["radiusIndentX"],getServiceSVG(d.id)["radiusIndentY"]]))*radiusScale(d["value"]),2) * 2 , 0.5)/getServiceSVG(d.id)["svgWidth"]})`)*/ } node.append("circle") .classed("image-mask", true) .attr("stroke", "white") .attr("stroke-width", 1.5) .attr("fill", "transparent") .attr("r", d => radiusScale(d["value"]) ) .on("mouseover", handleMouseOver) .on("mouseout", handleMouseOut) node.append("text") .attr("x", 8) .attr("y", "0.31em") .text(d => getPercentageFrequency( getReadableLabel(d.id), //entity 100*d["value"]/switchingGraph.nodesBase, //percent nodeLabelStatsPctDecimal, //percent decimal d["value"], //frequency nodeLabelStats //type ) ) .clone(true).lower() .attr("fill", "none") .attr("stroke", "white") .attr("stroke-width", 3) drawLegend( svg, //svg li, //li false, //selectedNode false //hoveredNode ) //Create an array logging what is connected to what let linkedByIndex = {} switchingGraph.nodes.forEach(function(d, i) { linkedByIndex[i + "," + i] = 1 }) switchingGraph.links.forEach(function(d) { linkedByIndex[getNodeIndex(switchingGraph.nodes, d.source) + "," + getNodeIndex(switchingGraph.nodes, d.target)] = 1; }) function resetNodes(hoveredNode) { let allNodesUI = d3.selectAll(".node") node.style("visibility", "visible") link.style("visibility", "visible") edgelabels.style("visibility", "hidden") drawLegend( svg, //svg li, //li false, //selectedNode hoveredNode //hoveredNode ) allNodesUI.classed("selected", false) d3.selectAll(".node").each(function(selected) { let selectedNodeByIndex = nodes.filter(n => n.index == selected.index)[0]; let num = selectedNodeByIndex["value"] let perc = 100*num/switchingGraph.nodesBase d3.selectAll(`#node_${selected.index} circle`) .transition() .duration(1500) .ease(d3.easeElastic) .attr("r", radiusScale(num) ) if(typeof(dataMockDisplayr.imageUrls) != "undefined") { d3.selectAll(`#node_${selected.index} .node-image`) .attr("x", function (d, i) { return -0.5 * ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)); }) .attr("y", function (d, i) { return -0.5 * ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)); }) .attr("height", (d) => ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)) ) .attr("width", (d) => ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)) ) } d3.selectAll(`#node_${selected.index} text`) .text( getPercentageFrequency( getReadableLabel(selectedNodeByIndex.id), //entity perc, //percent nodeLabelStatsPctDecimal, //percent decimal num, //frequency nodeLabelStats //type ) ) }) //end .each d3.selectAll("svg.main") .classed("focused", false) } function connectedNodes() { let d = d3.select(this).node().__data__; // ...or only as a child of the current DOM element //console.log(this, d) let nodeUI = d3.select(this) let selectedNode = switchingGraph.nodes[d.index] let allNodesUI = d3.selectAll(".node") if (nodeUI.classed("clickable")) { if (!nodeUI.classed("selected")) { //UI let sourceNodes = [] //hide all but the neighbouring nodes //hide edgelabels of nodes, links where target is not the clicked node.style("visibility", function(o) { neighboring(linkedByIndex, d, o) ? sourceNodes.push(o) : ""; return neighboring(linkedByIndex, d, o) ? "visible" : "hidden" }) link.style("visibility", function(o) { //console.log(d, o) return (d.index == o.source.index ? "visible" : "hidden") }) edgelabels.style("visibility", function(o) { return (d.index == o.source.index ? "visible" : "hidden") }) allNodesUI.classed("selected", false) nodeUI.classed("selected", true) //all unselected nodes UI d3.selectAll(".node").each(function(selected) { let filteredLink = getSwitchingGraphLink( switchingGraph.links, selectedNode.id, switchingGraph.nodes.filter(n => n.index == selected.index)[0].id) let filteredNode = nodes.filter(n => n.index == selected.index)[0] let num = filteredLink? filteredLink["value"]: 0 let perc = 100*num/selectedNode["value"] d3.selectAll(`#node_${selected.index} circle`) .transition() .duration(1500) .ease(d3.easeElastic) .attr("r", radiusScale(num) ) if(typeof(dataMockDisplayr.imageUrls) != "undefined") { d3.selectAll(`#node_${selected.index} .node-image`) .attr("x", function (d, i) { return -0.5 * ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)); }) .attr("y", function (d, i) { return -0.5 * ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)); }) .attr("height", (d) => ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)) ) .attr("width", (d) => ((1-imageIndentFactor)*radiusScale(num) * 2) / (Math.pow(2, 0.5)) ) } d3.selectAll(`#node_${selected.index} text`) .text( getPercentageFrequency( getReadableLabel(filteredNode.id), //entity perc, //percent nodeLabelStatsPctDecimal, //percent decimal num, //frequency nodeLabelStats //type ) ) }) //end .each //seleced node UI nodeUI .select("circle") .transition() .duration(1500) .ease(d3.easeElastic) .attr("r", radiusScale(d["value"]) ) nodeUI .selectAll("text") .text(`${getReadableLabel(selectedNode.id)}:${(d["value"]).toFixed(0)}`) d3.selectAll("svg.main") .classed("focused", true) drawLegend( svg, //svg li, //li selectedNode.id, //selectedNode false //hoveredNode ) } //end if (!nodeUI.classed("selected")) else { resetNodes(selectedNode.id) } } //endif (nodeUI.classed("clickable")) } // end connectedNodes() return svg.node() }32:Tbe6b,dataMockDisplayr = ({"linksMatrixMapped":[{"source":"speaker_Sonos","target":"speaker_Sonos","value":"1626","value raw":"1626","significant":" TRUE","_row":1},{"source":"speaker_Bose","target":"speaker_Sonos","value":"26","value raw":"26","significant":" TRUE","_row":2},{"source":"hifi_Denon","target":"speaker_Sonos","value":"12","value raw":"12","significant":" TRUE","_row":3},{"source":"hifi_Philips","target":"speaker_Sonos","value":"19","value raw":"19","significant":"FALSE","_row":4},{"source":"hifi_Sonos","target":"speaker_Sonos","value":"1474","value raw":"1474","significant":" TRUE","_row":5},{"source":"hifi_Ruark Audio","target":"speaker_Sonos","value":"49","value raw":"49","significant":" TRUE","_row":6},{"source":"hifi_Sony","target":"speaker_Sonos","value":"68","value raw":"68","significant":" TRUE","_row":7},{"source":"hifi_Lg","target":"speaker_Sonos","value":"64","value raw":"64","significant":" TRUE","_row":8},{"source":"hifi_Bose","target":"speaker_Sonos","value":"37","value raw":"37","significant":" TRUE","_row":9},{"source":"hifi_Panasonic","target":"speaker_Sonos","value":"171","value raw":"171","significant":" TRUE","_row":10},{"source":"speaker_Denon","target":"speaker_Sonos","value":"529","value raw":"529","significant":" TRUE","_row":11},{"source":"speaker_Panasonic","target":"speaker_Sonos","value":"103","value raw":"103","significant":"FALSE","_row":12},{"source":"speaker_Philips","target":"speaker_Sonos","value":"161","value raw":"161","significant":" TRUE","_row":13},{"source":"speaker_Samsung","target":"speaker_Sonos","value":"307","value raw":"307","significant":" TRUE","_row":14},{"source":"speaker_Pioneer","target":"speaker_Sonos","value":"94","value raw":"94","significant":" TRUE","_row":15},{"source":"speaker_Yamaha","target":"speaker_Sonos","value":"180","value raw":"180","significant":" TRUE","_row":16},{"source":"speaker_Ruark Audio","target":"speaker_Sonos","value":"105","value raw":"105","significant":" TRUE","_row":17},{"source":"speaker_Sony","target":"speaker_Sonos","value":"172","value raw":"172","significant":"FALSE","_row":18},{"source":"speaker_Lg","target":"speaker_Sonos","value":"340","value raw":"340","significant":"FALSE","_row":19},{"source":"speaker_Bowers&Wilkins","target":"speaker_Sonos","value":"91","value raw":"91","significant":" TRUE","_row":20},{"source":"speaker_Sonos","target":"speaker_Bose","value":"26","value raw":"26","significant":" TRUE","_row":21},{"source":"speaker_Bose","target":"speaker_Bose","value":"103","value raw":"103","significant":" TRUE","_row":22},{"source":"hifi_Denon","target":"speaker_Bose","value":"8","value raw":"8","significant":" TRUE","_row":23},{"source":"hifi_Philips","target":"speaker_Bose","value":"7","value raw":"7","significant":" TRUE","_row":24},{"source":"hifi_Sonos","target":"speaker_Bose","value":"31","value raw":"31","significant":" TRUE","_row":25},{"source":"hifi_Ruark Audio","target":"speaker_Bose","value":"81","value raw":"81","significant":" TRUE","_row":26},{"source":"hifi_Sony","target":"speaker_Bose","value":"20","value raw":"20","significant":" TRUE","_row":27},{"source":"hifi_Lg","target":"speaker_Bose","value":"15","value raw":"15","significant":" TRUE","_row":28},{"source":"hifi_Bose","target":"speaker_Bose","value":"16","value raw":"16","significant":" TRUE","_row":29},{"source":"hifi_Panasonic","target":"speaker_Bose","value":"22","value raw":"22","significant":" TRUE","_row":30},{"source":"speaker_Denon","target":"speaker_Bose","value":"32","value raw":"32","significant":" TRUE","_row":31},{"source":"speaker_Panasonic","target":"speaker_Bose","value":"22","value raw":"22","significant":" TRUE","_row":32},{"source":"speaker_Philips","target":"speaker_Bose","value":"20","value raw":"20","significant":" TRUE","_row":33},{"source":"speaker_Samsung","target":"speaker_Bose","value":"47","value raw":"47","significant":" TRUE","_row":34},{"source":"speaker_Pioneer","target":"speaker_Bose","value":"11","value raw":"11","significant":" TRUE","_row":35},{"source":"speaker_Yamaha","target":"speaker_Bose","value":"21","value raw":"21","significant":" TRUE","_row":36},{"source":"speaker_Ruark Audio","target":"speaker_Bose","value":"18","value raw":"18","significant":" TRUE","_row":37},{"source":"speaker_Sony","target":"speaker_Bose","value":"29","value raw":"29","significant":" TRUE","_row":38},{"source":"speaker_Lg","target":"speaker_Bose","value":"39","value raw":"39","significant":" TRUE","_row":39},{"source":"speaker_Bowers&Wilkins","target":"speaker_Bose","value":"25","value raw":"25","significant":" TRUE","_row":40},{"source":"speaker_Sonos","target":"hifi_Denon","value":"12","value raw":"12","significant":" TRUE","_row":41},{"source":"speaker_Bose","target":"hifi_Denon","value":"8","value raw":"8","significant":" TRUE","_row":42},{"source":"hifi_Denon","target":"hifi_Denon","value":"40","value raw":"40","significant":" TRUE","_row":43},{"source":"hifi_Philips","target":"hifi_Denon","value":"5","value raw":"5","significant":" TRUE","_row":44},{"source":"hifi_Sonos","target":"hifi_Denon","value":"12","value raw":"12","significant":"FALSE","_row":45},{"source":"hifi_Ruark Audio","target":"hifi_Denon","value":"11","value raw":"11","significant":" TRUE","_row":46},{"source":"hifi_Sony","target":"hifi_Denon","value":"12","value raw":"12","significant":" TRUE","_row":47},{"source":"hifi_Lg","target":"hifi_Denon","value":"8","value raw":"8","significant":" TRUE","_row":48},{"source":"hifi_Bose","target":"hifi_Denon","value":"11","value raw":"11","significant":" TRUE","_row":49},{"source":"hifi_Panasonic","target":"hifi_Denon","value":"10","value raw":"10","significant":"FALSE","_row":50},{"source":"speaker_Denon","target":"hifi_Denon","value":"16","value raw":"16","significant":" TRUE","_row":51},{"source":"speaker_Panasonic","target":"hifi_Denon","value":"13","value raw":"13","significant":" TRUE","_row":52},{"source":"speaker_Philips","target":"hifi_Denon","value":"7","value raw":"7","significant":" TRUE","_row":53},{"source":"speaker_Samsung","target":"hifi_Denon","value":"13","value raw":"13","significant":"FALSE","_row":54},{"source":"speaker_Pioneer","target":"hifi_Denon","value":"10","value raw":"10","significant":" TRUE","_row":55},{"source":"speaker_Yamaha","target":"hifi_Denon","value":"14","value raw":"14","significant":" TRUE","_row":56},{"source":"speaker_Ruark Audio","target":"hifi_Denon","value":"9","value raw":"9","significant":" TRUE","_row":57},{"source":"speaker_Sony","target":"hifi_Denon","value":"15","value raw":"15","significant":" TRUE","_row":58},{"source":"speaker_Lg","target":"hifi_Denon","value":"12","value raw":"12","significant":"FALSE","_row":59},{"source":"speaker_Bowers&Wilkins","target":"hifi_Denon","value":"13","value raw":"13","significant":" TRUE","_row":60},{"source":"speaker_Sonos","target":"hifi_Philips","value":"19","value raw":"19","significant":"FALSE","_row":61},{"source":"speaker_Bose","target":"hifi_Philips","value":"7","value raw":"7","significant":" TRUE","_row":62},{"source":"hifi_Denon","target":"hifi_Philips","value":"5","value raw":"5","significant":" TRUE","_row":63},{"source":"hifi_Philips","target":"hifi_Philips","value":"40","value raw":"40","significant":" TRUE","_row":64},{"source":"hifi_Sonos","target":"hifi_Philips","value":"13","value raw":"13","significant":"FALSE","_row":65},{"source":"hifi_Ruark Audio","target":"hifi_Philips","value":"9","value raw":"9","significant":" TRUE","_row":66},{"source":"hifi_Sony","target":"hifi_Philips","value":"13","value raw":"13","significant":" TRUE","_row":67},{"source":"hifi_Lg","target":"hifi_Philips","value":"9","value raw":"9","significant":" TRUE","_row":68},{"source":"hifi_Bose","target":"hifi_Philips","value":"11","value raw":"11","significant":" TRUE","_row":69},{"source":"hifi_Panasonic","target":"hifi_Philips","value":"10","value raw":"10","significant":"FALSE","_row":70},{"source":"speaker_Denon","target":"hifi_Philips","value":"16","value raw":"16","significant":" TRUE","_row":71},{"source":"speaker_Panasonic","target":"hifi_Philips","value":"11","value raw":"11","significant":" TRUE","_row":72},{"source":"speaker_Philips","target":"hifi_Philips","value":"10","value raw":"10","significant":" TRUE","_row":73},{"source":"speaker_Samsung","target":"hifi_Philips","value":"13","value raw":"13","significant":"FALSE","_row":74},{"source":"speaker_Pioneer","target":"hifi_Philips","value":"8","value raw":"8","significant":" TRUE","_row":75},{"source":"speaker_Yamaha","target":"hifi_Philips","value":"11","value raw":"11","significant":" TRUE","_row":76},{"source":"speaker_Ruark Audio","target":"hifi_Philips","value":"9","value raw":"9","significant":" TRUE","_row":77},{"source":"speaker_Sony","target":"hifi_Philips","value":"13","value raw":"13","significant":" TRUE","_row":78},{"source":"speaker_Lg","target":"hifi_Philips","value":"14","value raw":"14","significant":" TRUE","_row":79},{"source":"speaker_Bowers&Wilkins","target":"hifi_Philips","value":"19","value raw":"19","significant":" TRUE","_row":80},{"source":"speaker_Sonos","target":"hifi_Sonos","value":"1474","value raw":"1474","significant":" TRUE","_row":81},{"source":"speaker_Bose","target":"hifi_Sonos","value":"31","value raw":"31","significant":" TRUE","_row":82},{"source":"hifi_Denon","target":"hifi_Sonos","value":"12","value raw":"12","significant":"FALSE","_row":83},{"source":"hifi_Philips","target":"hifi_Sonos","value":"13","value raw":"13","significant":"FALSE","_row":84},{"source":"hifi_Sonos","target":"hifi_Sonos","value":"1549","value raw":"1549","significant":" TRUE","_row":85},{"source":"hifi_Ruark Audio","target":"hifi_Sonos","value":"40","value raw":"40","significant":" TRUE","_row":86},{"source":"hifi_Sony","target":"hifi_Sonos","value":"53","value raw":"53","significant":" TRUE","_row":87},{"source":"hifi_Lg","target":"hifi_Sonos","value":"52","value raw":"52","significant":" TRUE","_row":88},{"source":"hifi_Bose","target":"hifi_Sonos","value":"30","value raw":"30","significant":" TRUE","_row":89},{"source":"hifi_Panasonic","target":"hifi_Sonos","value":"94","value raw":"94","significant":" TRUE","_row":90},{"source":"speaker_Denon","target":"hifi_Sonos","value":"523","value raw":"523","significant":" TRUE","_row":91},{"source":"speaker_Panasonic","target":"hifi_Sonos","value":"101","value raw":"101","significant":"FALSE","_row":92},{"source":"speaker_Philips","target":"hifi_Sonos","value":"157","value raw":"157","significant":" TRUE","_row":93},{"source":"speaker_Samsung","target":"hifi_Sonos","value":"266","value raw":"266","significant":" TRUE","_row":94},{"source":"speaker_Pioneer","target":"hifi_Sonos","value":"90","value raw":"90","significant":" TRUE","_row":95},{"source":"speaker_Yamaha","target":"hifi_Sonos","value":"183","value raw":"183","significant":" TRUE","_row":96},{"source":"speaker_Ruark Audio","target":"hifi_Sonos","value":"106","value raw":"106","significant":" TRUE","_row":97},{"source":"speaker_Sony","target":"hifi_Sonos","value":"172","value raw":"172","significant":"FALSE","_row":98},{"source":"speaker_Lg","target":"hifi_Sonos","value":"317","value raw":"317","significant":"FALSE","_row":99},{"source":"speaker_Bowers&Wilkins","target":"hifi_Sonos","value":"93","value raw":"93","significant":" TRUE","_row":100},{"source":"speaker_Sonos","target":"hifi_Ruark Audio","value":"49","value raw":"49","significant":" TRUE","_row":101},{"source":"speaker_Bose","target":"hifi_Ruark Audio","value":"81","value raw":"81","significant":" TRUE","_row":102},{"source":"hifi_Denon","target":"hifi_Ruark Audio","value":"11","value raw":"11","significant":" TRUE","_row":103},{"source":"hifi_Philips","target":"hifi_Ruark Audio","value":"9","value raw":"9","significant":" TRUE","_row":104},{"source":"hifi_Sonos","target":"hifi_Ruark Audio","value":"40","value raw":"40","significant":" TRUE","_row":105},{"source":"hifi_Ruark Audio","target":"hifi_Ruark Audio","value":"137","value raw":"137","significant":" TRUE","_row":106},{"source":"hifi_Sony","target":"hifi_Ruark Audio","value":"21","value raw":"21","significant":" TRUE","_row":107},{"source":"hifi_Lg","target":"hifi_Ruark Audio","value":"24","value raw":"24","significant":" TRUE","_row":108},{"source":"hifi_Bose","target":"hifi_Ruark Audio","value":"20","value raw":"20","significant":" TRUE","_row":109},{"source":"hifi_Panasonic","target":"hifi_Ruark Audio","value":"33","value raw":"33","significant":" TRUE","_row":110},{"source":"speaker_Denon","target":"hifi_Ruark Audio","value":"44","value raw":"44","significant":" TRUE","_row":111},{"source":"speaker_Panasonic","target":"hifi_Ruark Audio","value":"27","value raw":"27","significant":" TRUE","_row":112},{"source":"speaker_Philips","target":"hifi_Ruark Audio","value":"23","value raw":"23","significant":" TRUE","_row":113},{"source":"speaker_Samsung","target":"hifi_Ruark Audio","value":"63","value raw":"63","significant":" TRUE","_row":114},{"source":"speaker_Pioneer","target":"hifi_Ruark Audio","value":"17","value raw":"17","significant":" TRUE","_row":115},{"source":"speaker_Yamaha","target":"hifi_Ruark Audio","value":"26","value raw":"26","significant":" TRUE","_row":116},{"source":"speaker_Ruark Audio","target":"hifi_Ruark Audio","value":"21","value raw":"21","significant":" TRUE","_row":117},{"source":"speaker_Sony","target":"hifi_Ruark Audio","value":"31","value raw":"31","significant":" TRUE","_row":118},{"source":"speaker_Lg","target":"hifi_Ruark Audio","value":"51","value raw":"51","significant":" TRUE","_row":119},{"source":"speaker_Bowers&Wilkins","target":"hifi_Ruark Audio","value":"26","value raw":"26","significant":" TRUE","_row":120},{"source":"speaker_Sonos","target":"hifi_Sony","value":"68","value raw":"68","significant":" TRUE","_row":121},{"source":"speaker_Bose","target":"hifi_Sony","value":"20","value raw":"20","significant":" TRUE","_row":122},{"source":"hifi_Denon","target":"hifi_Sony","value":"12","value raw":"12","significant":" TRUE","_row":123},{"source":"hifi_Philips","target":"hifi_Sony","value":"13","value raw":"13","significant":" TRUE","_row":124},{"source":"hifi_Sonos","target":"hifi_Sony","value":"53","value raw":"53","significant":" TRUE","_row":125},{"source":"hifi_Ruark Audio","target":"hifi_Sony","value":"21","value raw":"21","significant":" TRUE","_row":126},{"source":"hifi_Sony","target":"hifi_Sony","value":"306","value raw":"306","significant":" TRUE","_row":127},{"source":"hifi_Lg","target":"hifi_Sony","value":"34","value raw":"34","significant":" TRUE","_row":128},{"source":"hifi_Bose","target":"hifi_Sony","value":"21","value raw":"21","significant":" TRUE","_row":129},{"source":"hifi_Panasonic","target":"hifi_Sony","value":"50","value raw":"50","significant":" TRUE","_row":130},{"source":"speaker_Denon","target":"hifi_Sony","value":"72","value raw":"72","significant":"FALSE","_row":131},{"source":"speaker_Panasonic","target":"hifi_Sony","value":"45","value raw":"45","significant":" TRUE","_row":132},{"source":"speaker_Philips","target":"hifi_Sony","value":"32","value raw":"32","significant":" TRUE","_row":133},{"source":"speaker_Samsung","target":"hifi_Sony","value":"57","value raw":"57","significant":" TRUE","_row":134},{"source":"speaker_Pioneer","target":"hifi_Sony","value":"34","value raw":"34","significant":" TRUE","_row":135},{"source":"speaker_Yamaha","target":"hifi_Sony","value":"47","value raw":"47","significant":" TRUE","_row":136},{"source":"speaker_Ruark Audio","target":"hifi_Sony","value":"28","value raw":"28","significant":" TRUE","_row":137},{"source":"speaker_Sony","target":"hifi_Sony","value":"53","value raw":"53","significant":" TRUE","_row":138},{"source":"speaker_Lg","target":"hifi_Sony","value":"200","value raw":"200","significant":" TRUE","_row":139},{"source":"speaker_Bowers&Wilkins","target":"hifi_Sony","value":"30","value raw":"30","significant":" TRUE","_row":140},{"source":"speaker_Sonos","target":"hifi_Lg","value":"64","value raw":"64","significant":" TRUE","_row":141},{"source":"speaker_Bose","target":"hifi_Lg","value":"15","value raw":"15","significant":" TRUE","_row":142},{"source":"hifi_Denon","target":"hifi_Lg","value":"8","value raw":"8","significant":" TRUE","_row":143},{"source":"hifi_Philips","target":"hifi_Lg","value":"9","value raw":"9","significant":" TRUE","_row":144},{"source":"hifi_Sonos","target":"hifi_Lg","value":"52","value raw":"52","significant":" TRUE","_row":145},{"source":"hifi_Ruark Audio","target":"hifi_Lg","value":"24","value raw":"24","significant":" TRUE","_row":146},{"source":"hifi_Sony","target":"hifi_Lg","value":"34","value raw":"34","significant":" TRUE","_row":147},{"source":"hifi_Lg","target":"hifi_Lg","value":"190","value raw":"190","significant":" TRUE","_row":148},{"source":"hifi_Bose","target":"hifi_Lg","value":"17","value raw":"17","significant":" TRUE","_row":149},{"source":"hifi_Panasonic","target":"hifi_Lg","value":"52","value raw":"52","significant":" TRUE","_row":150},{"source":"speaker_Denon","target":"hifi_Lg","value":"50","value raw":"50","significant":" TRUE","_row":151},{"source":"speaker_Panasonic","target":"hifi_Lg","value":"41","value raw":"41","significant":" TRUE","_row":152},{"source":"speaker_Philips","target":"hifi_Lg","value":"35","value raw":"35","significant":" TRUE","_row":153},{"source":"speaker_Samsung","target":"hifi_Lg","value":"60","value raw":"60","significant":"FALSE","_row":154},{"source":"speaker_Pioneer","target":"hifi_Lg","value":"38","value raw":"38","significant":" TRUE","_row":155},{"source":"speaker_Yamaha","target":"hifi_Lg","value":"44","value raw":"44","significant":" TRUE","_row":156},{"source":"speaker_Ruark Audio","target":"hifi_Lg","value":"23","value raw":"23","significant":" TRUE","_row":157},{"source":"speaker_Sony","target":"hifi_Lg","value":"89","value raw":"89","significant":" TRUE","_row":158},{"source":"speaker_Lg","target":"hifi_Lg","value":"80","value raw":"80","significant":" TRUE","_row":159},{"source":"speaker_Bowers&Wilkins","target":"hifi_Lg","value":"34","value raw":"34","significant":" TRUE","_row":160},{"source":"speaker_Sonos","target":"hifi_Bose","value":"37","value raw":"37","significant":" TRUE","_row":161},{"source":"speaker_Bose","target":"hifi_Bose","value":"16","value raw":"16","significant":" TRUE","_row":162},{"source":"hifi_Denon","target":"hifi_Bose","value":"11","value raw":"11","significant":" TRUE","_row":163},{"source":"hifi_Philips","target":"hifi_Bose","value":"11","value raw":"11","significant":" TRUE","_row":164},{"source":"hifi_Sonos","target":"hifi_Bose","value":"30","value raw":"30","significant":" TRUE","_row":165},{"source":"hifi_Ruark Audio","target":"hifi_Bose","value":"20","value raw":"20","significant":" TRUE","_row":166},{"source":"hifi_Sony","target":"hifi_Bose","value":"21","value raw":"21","significant":" TRUE","_row":167},{"source":"hifi_Lg","target":"hifi_Bose","value":"17","value raw":"17","significant":" TRUE","_row":168},{"source":"hifi_Bose","target":"hifi_Bose","value":"106","value raw":"106","significant":" TRUE","_row":169},{"source":"hifi_Panasonic","target":"hifi_Bose","value":"20","value raw":"20","significant":" TRUE","_row":170},{"source":"speaker_Denon","target":"hifi_Bose","value":"34","value raw":"34","significant":" TRUE","_row":171},{"source":"speaker_Panasonic","target":"hifi_Bose","value":"21","value raw":"21","significant":" TRUE","_row":172},{"source":"speaker_Philips","target":"hifi_Bose","value":"30","value raw":"30","significant":" TRUE","_row":173},{"source":"speaker_Samsung","target":"hifi_Bose","value":"31","value raw":"31","significant":"FALSE","_row":174},{"source":"speaker_Pioneer","target":"hifi_Bose","value":"15","value raw":"15","significant":" TRUE","_row":175},{"source":"speaker_Yamaha","target":"hifi_Bose","value":"26","value raw":"26","significant":" TRUE","_row":176},{"source":"speaker_Ruark Audio","target":"hifi_Bose","value":"17","value raw":"17","significant":" TRUE","_row":177},{"source":"speaker_Sony","target":"hifi_Bose","value":"29","value raw":"29","significant":" TRUE","_row":178},{"source":"speaker_Lg","target":"hifi_Bose","value":"37","value raw":"37","significant":" TRUE","_row":179},{"source":"speaker_Bowers&Wilkins","target":"hifi_Bose","value":"21","value raw":"21","significant":" TRUE","_row":180},{"source":"speaker_Sonos","target":"hifi_Panasonic","value":"171","value raw":"171","significant":" TRUE","_row":181},{"source":"speaker_Bose","target":"hifi_Panasonic","value":"22","value raw":"22","significant":" TRUE","_row":182},{"source":"hifi_Denon","target":"hifi_Panasonic","value":"10","value raw":"10","significant":"FALSE","_row":183},{"source":"hifi_Philips","target":"hifi_Panasonic","value":"10","value raw":"10","significant":"FALSE","_row":184},{"source":"hifi_Sonos","target":"hifi_Panasonic","value":"94","value raw":"94","significant":" TRUE","_row":185},{"source":"hifi_Ruark Audio","target":"hifi_Panasonic","value":"33","value raw":"33","significant":" TRUE","_row":186},{"source":"hifi_Sony","target":"hifi_Panasonic","value":"50","value raw":"50","significant":" TRUE","_row":187},{"source":"hifi_Lg","target":"hifi_Panasonic","value":"52","value raw":"52","significant":" TRUE","_row":188},{"source":"hifi_Bose","target":"hifi_Panasonic","value":"20","value raw":"20","significant":" TRUE","_row":189},{"source":"hifi_Panasonic","target":"hifi_Panasonic","value":"1262","value raw":"1262","significant":" TRUE","_row":190},{"source":"speaker_Denon","target":"hifi_Panasonic","value":"166","value raw":"166","significant":" TRUE","_row":191},{"source":"speaker_Panasonic","target":"hifi_Panasonic","value":"91","value raw":"91","significant":" TRUE","_row":192},{"source":"speaker_Philips","target":"hifi_Panasonic","value":"86","value raw":"86","significant":"FALSE","_row":193},{"source":"speaker_Samsung","target":"hifi_Panasonic","value":"742","value raw":"742","significant":" TRUE","_row":194},{"source":"speaker_Pioneer","target":"hifi_Panasonic","value":"79","value raw":"79","significant":" TRUE","_row":195},{"source":"speaker_Yamaha","target":"hifi_Panasonic","value":"129","value raw":"129","significant":"FALSE","_row":196},{"source":"speaker_Ruark Audio","target":"hifi_Panasonic","value":"72","value raw":"72","significant":"FALSE","_row":197},{"source":"speaker_Sony","target":"hifi_Panasonic","value":"120","value raw":"120","significant":"FALSE","_row":198},{"source":"speaker_Lg","target":"hifi_Panasonic","value":"199","value raw":"199","significant":" TRUE","_row":199},{"source":"speaker_Bowers&Wilkins","target":"hifi_Panasonic","value":"71","value raw":"71","significant":"FALSE","_row":200},{"source":"speaker_Sonos","target":"speaker_Denon","value":"529","value raw":"529","significant":" TRUE","_row":201},{"source":"speaker_Bose","target":"speaker_Denon","value":"32","value raw":"32","significant":" TRUE","_row":202},{"source":"hifi_Denon","target":"speaker_Denon","value":"16","value raw":"16","significant":" TRUE","_row":203},{"source":"hifi_Philips","target":"speaker_Denon","value":"16","value raw":"16","significant":" TRUE","_row":204},{"source":"hifi_Sonos","target":"speaker_Denon","value":"523","value raw":"523","significant":" TRUE","_row":205},{"source":"hifi_Ruark Audio","target":"speaker_Denon","value":"44","value raw":"44","significant":" TRUE","_row":206},{"source":"hifi_Sony","target":"speaker_Denon","value":"72","value raw":"72","significant":"FALSE","_row":207},{"source":"hifi_Lg","target":"speaker_Denon","value":"50","value raw":"50","significant":" TRUE","_row":208},{"source":"hifi_Bose","target":"speaker_Denon","value":"34","value raw":"34","significant":" TRUE","_row":209},{"source":"hifi_Panasonic","target":"speaker_Denon","value":"166","value raw":"166","significant":" TRUE","_row":210},{"source":"speaker_Denon","target":"speaker_Denon","value":"725","value raw":"725","significant":" TRUE","_row":211},{"source":"speaker_Panasonic","target":"speaker_Denon","value":"53","value raw":"53","significant":"FALSE","_row":212},{"source":"speaker_Philips","target":"speaker_Denon","value":"56","value raw":"56","significant":"FALSE","_row":213},{"source":"speaker_Samsung","target":"speaker_Denon","value":"98","value raw":"98","significant":" TRUE","_row":214},{"source":"speaker_Pioneer","target":"speaker_Denon","value":"55","value raw":"55","significant":" TRUE","_row":215},{"source":"speaker_Yamaha","target":"speaker_Denon","value":"61","value raw":"61","significant":"FALSE","_row":216},{"source":"speaker_Ruark Audio","target":"speaker_Denon","value":"38","value raw":"38","significant":"FALSE","_row":217},{"source":"speaker_Sony","target":"speaker_Denon","value":"84","value raw":"84","significant":"FALSE","_row":218},{"source":"speaker_Lg","target":"speaker_Denon","value":"102","value raw":"102","significant":" TRUE","_row":219},{"source":"speaker_Bowers&Wilkins","target":"speaker_Denon","value":"53","value raw":"53","significant":" TRUE","_row":220},{"source":"speaker_Sonos","target":"speaker_Panasonic","value":"103","value raw":"103","significant":"FALSE","_row":221},{"source":"speaker_Bose","target":"speaker_Panasonic","value":"22","value raw":"22","significant":" TRUE","_row":222},{"source":"hifi_Denon","target":"speaker_Panasonic","value":"13","value raw":"13","significant":" TRUE","_row":223},{"source":"hifi_Philips","target":"speaker_Panasonic","value":"11","value raw":"11","significant":" TRUE","_row":224},{"source":"hifi_Sonos","target":"speaker_Panasonic","value":"101","value raw":"101","significant":"FALSE","_row":225},{"source":"hifi_Ruark Audio","target":"speaker_Panasonic","value":"27","value raw":"27","significant":" TRUE","_row":226},{"source":"hifi_Sony","target":"speaker_Panasonic","value":"45","value raw":"45","significant":" TRUE","_row":227},{"source":"hifi_Lg","target":"speaker_Panasonic","value":"41","value raw":"41","significant":" TRUE","_row":228},{"source":"hifi_Bose","target":"speaker_Panasonic","value":"21","value raw":"21","significant":" TRUE","_row":229},{"source":"hifi_Panasonic","target":"speaker_Panasonic","value":"91","value raw":"91","significant":" TRUE","_row":230},{"source":"speaker_Denon","target":"speaker_Panasonic","value":"53","value raw":"53","significant":"FALSE","_row":231},{"source":"speaker_Panasonic","target":"speaker_Panasonic","value":"216","value raw":"216","significant":" TRUE","_row":232},{"source":"speaker_Philips","target":"speaker_Panasonic","value":"40","value raw":"40","significant":" TRUE","_row":233},{"source":"speaker_Samsung","target":"speaker_Panasonic","value":"54","value raw":"54","significant":"FALSE","_row":234},{"source":"speaker_Pioneer","target":"speaker_Panasonic","value":"35","value raw":"35","significant":" TRUE","_row":235},{"source":"speaker_Yamaha","target":"speaker_Panasonic","value":"49","value raw":"49","significant":" TRUE","_row":236},{"source":"speaker_Ruark Audio","target":"speaker_Panasonic","value":"30","value raw":"30","significant":" TRUE","_row":237},{"source":"speaker_Sony","target":"speaker_Panasonic","value":"44","value raw":"44","significant":" TRUE","_row":238},{"source":"speaker_Lg","target":"speaker_Panasonic","value":"55","value raw":"55","significant":" TRUE","_row":239},{"source":"speaker_Bowers&Wilkins","target":"speaker_Panasonic","value":"44","value raw":"44","significant":" TRUE","_row":240},{"source":"speaker_Sonos","target":"speaker_Philips","value":"161","value raw":"161","significant":" TRUE","_row":241},{"source":"speaker_Bose","target":"speaker_Philips","value":"20","value raw":"20","significant":" TRUE","_row":242},{"source":"hifi_Denon","target":"speaker_Philips","value":"7","value raw":"7","significant":" TRUE","_row":243},{"source":"hifi_Philips","target":"speaker_Philips","value":"10","value raw":"10","significant":" TRUE","_row":244},{"source":"hifi_Sonos","target":"speaker_Philips","value":"157","value raw":"157","significant":" TRUE","_row":245},{"source":"hifi_Ruark Audio","target":"speaker_Philips","value":"23","value raw":"23","significant":" TRUE","_row":246},{"source":"hifi_Sony","target":"speaker_Philips","value":"32","value raw":"32","significant":" TRUE","_row":247},{"source":"hifi_Lg","target":"speaker_Philips","value":"35","value raw":"35","significant":" TRUE","_row":248},{"source":"hifi_Bose","target":"speaker_Philips","value":"30","value raw":"30","significant":" TRUE","_row":249},{"source":"hifi_Panasonic","target":"speaker_Philips","value":"86","value raw":"86","significant":"FALSE","_row":250},{"source":"speaker_Denon","target":"speaker_Philips","value":"56","value raw":"56","significant":"FALSE","_row":251},{"source":"speaker_Panasonic","target":"speaker_Philips","value":"40","value raw":"40","significant":" TRUE","_row":252},{"source":"speaker_Philips","target":"speaker_Philips","value":"260","value raw":"260","significant":" TRUE","_row":253},{"source":"speaker_Samsung","target":"speaker_Philips","value":"52","value raw":"52","significant":" TRUE","_row":254},{"source":"speaker_Pioneer","target":"speaker_Philips","value":"32","value raw":"32","significant":" TRUE","_row":255},{"source":"speaker_Yamaha","target":"speaker_Philips","value":"43","value raw":"43","significant":" TRUE","_row":256},{"source":"speaker_Ruark Audio","target":"speaker_Philips","value":"34","value raw":"34","significant":" TRUE","_row":257},{"source":"speaker_Sony","target":"speaker_Philips","value":"51","value raw":"51","significant":" TRUE","_row":258},{"source":"speaker_Lg","target":"speaker_Philips","value":"54","value raw":"54","significant":"FALSE","_row":259},{"source":"speaker_Bowers&Wilkins","target":"speaker_Philips","value":"44","value raw":"44","significant":" TRUE","_row":260},{"source":"speaker_Sonos","target":"speaker_Samsung","value":"307","value raw":"307","significant":" TRUE","_row":261},{"source":"speaker_Bose","target":"speaker_Samsung","value":"47","value raw":"47","significant":" TRUE","_row":262},{"source":"hifi_Denon","target":"speaker_Samsung","value":"13","value raw":"13","significant":"FALSE","_row":263},{"source":"hifi_Philips","target":"speaker_Samsung","value":"13","value raw":"13","significant":"FALSE","_row":264},{"source":"hifi_Sonos","target":"speaker_Samsung","value":"266","value raw":"266","significant":" TRUE","_row":265},{"source":"hifi_Ruark Audio","target":"speaker_Samsung","value":"63","value raw":"63","significant":" TRUE","_row":266},{"source":"hifi_Sony","target":"speaker_Samsung","value":"57","value raw":"57","significant":" TRUE","_row":267},{"source":"hifi_Lg","target":"speaker_Samsung","value":"60","value raw":"60","significant":"FALSE","_row":268},{"source":"hifi_Bose","target":"speaker_Samsung","value":"31","value raw":"31","significant":"FALSE","_row":269},{"source":"hifi_Panasonic","target":"speaker_Samsung","value":"742","value raw":"742","significant":" TRUE","_row":270},{"source":"speaker_Denon","target":"speaker_Samsung","value":"98","value raw":"98","significant":" TRUE","_row":271},{"source":"speaker_Panasonic","target":"speaker_Samsung","value":"54","value raw":"54","significant":"FALSE","_row":272},{"source":"speaker_Philips","target":"speaker_Samsung","value":"52","value raw":"52","significant":" TRUE","_row":273},{"source":"speaker_Samsung","target":"speaker_Samsung","value":"1054","value raw":"1054","significant":" TRUE","_row":274},{"source":"speaker_Pioneer","target":"speaker_Samsung","value":"61","value raw":"61","significant":"FALSE","_row":275},{"source":"speaker_Yamaha","target":"speaker_Samsung","value":"64","value raw":"64","significant":" TRUE","_row":276},{"source":"speaker_Ruark Audio","target":"speaker_Samsung","value":"40","value raw":"40","significant":" TRUE","_row":277},{"source":"speaker_Sony","target":"speaker_Samsung","value":"82","value raw":"82","significant":" TRUE","_row":278},{"source":"speaker_Lg","target":"speaker_Samsung","value":"109","value raw":"109","significant":" TRUE","_row":279},{"source":"speaker_Bowers&Wilkins","target":"speaker_Samsung","value":"52","value raw":"52","significant":"FALSE","_row":280},{"source":"speaker_Sonos","target":"speaker_Pioneer","value":"94","value raw":"94","significant":" TRUE","_row":281},{"source":"speaker_Bose","target":"speaker_Pioneer","value":"11","value raw":"11","significant":" TRUE","_row":282},{"source":"hifi_Denon","target":"speaker_Pioneer","value":"10","value raw":"10","significant":" TRUE","_row":283},{"source":"hifi_Philips","target":"speaker_Pioneer","value":"8","value raw":"8","significant":" TRUE","_row":284},{"source":"hifi_Sonos","target":"speaker_Pioneer","value":"90","value raw":"90","significant":" TRUE","_row":285},{"source":"hifi_Ruark Audio","target":"speaker_Pioneer","value":"17","value raw":"17","significant":" TRUE","_row":286},{"source":"hifi_Sony","target":"speaker_Pioneer","value":"34","value raw":"34","significant":" TRUE","_row":287},{"source":"hifi_Lg","target":"speaker_Pioneer","value":"38","value raw":"38","significant":" TRUE","_row":288},{"source":"hifi_Bose","target":"speaker_Pioneer","value":"15","value raw":"15","significant":" TRUE","_row":289},{"source":"hifi_Panasonic","target":"speaker_Pioneer","value":"79","value raw":"79","significant":" TRUE","_row":290},{"source":"speaker_Denon","target":"speaker_Pioneer","value":"55","value raw":"55","significant":" TRUE","_row":291},{"source":"speaker_Panasonic","target":"speaker_Pioneer","value":"35","value raw":"35","significant":" TRUE","_row":292},{"source":"speaker_Philips","target":"speaker_Pioneer","value":"32","value raw":"32","significant":" TRUE","_row":293},{"source":"speaker_Samsung","target":"speaker_Pioneer","value":"61","value raw":"61","significant":"FALSE","_row":294},{"source":"speaker_Pioneer","target":"speaker_Pioneer","value":"176","value raw":"176","significant":" TRUE","_row":295},{"source":"speaker_Yamaha","target":"speaker_Pioneer","value":"43","value raw":"43","significant":" TRUE","_row":296},{"source":"speaker_Ruark Audio","target":"speaker_Pioneer","value":"26","value raw":"26","significant":" TRUE","_row":297},{"source":"speaker_Sony","target":"speaker_Pioneer","value":"45","value raw":"45","significant":" TRUE","_row":298},{"source":"speaker_Lg","target":"speaker_Pioneer","value":"52","value raw":"52","significant":" TRUE","_row":299},{"source":"speaker_Bowers&Wilkins","target":"speaker_Pioneer","value":"36","value raw":"36","significant":" TRUE","_row":300},{"source":"speaker_Sonos","target":"speaker_Yamaha","value":"180","value raw":"180","significant":" TRUE","_row":301},{"source":"speaker_Bose","target":"speaker_Yamaha","value":"21","value raw":"21","significant":" TRUE","_row":302},{"source":"hifi_Denon","target":"speaker_Yamaha","value":"14","value raw":"14","significant":" TRUE","_row":303},{"source":"hifi_Philips","target":"speaker_Yamaha","value":"11","value raw":"11","significant":" TRUE","_row":304},{"source":"hifi_Sonos","target":"speaker_Yamaha","value":"183","value raw":"183","significant":" TRUE","_row":305},{"source":"hifi_Ruark Audio","target":"speaker_Yamaha","value":"26","value raw":"26","significant":" TRUE","_row":306},{"source":"hifi_Sony","target":"speaker_Yamaha","value":"47","value raw":"47","significant":" TRUE","_row":307},{"source":"hifi_Lg","target":"speaker_Yamaha","value":"44","value raw":"44","significant":" TRUE","_row":308},{"source":"hifi_Bose","target":"speaker_Yamaha","value":"26","value raw":"26","significant":" TRUE","_row":309},{"source":"hifi_Panasonic","target":"speaker_Yamaha","value":"129","value raw":"129","significant":"FALSE","_row":310},{"source":"speaker_Denon","target":"speaker_Yamaha","value":"61","value raw":"61","significant":"FALSE","_row":311},{"source":"speaker_Panasonic","target":"speaker_Yamaha","value":"49","value raw":"49","significant":" TRUE","_row":312},{"source":"speaker_Philips","target":"speaker_Yamaha","value":"43","value raw":"43","significant":" TRUE","_row":313},{"source":"speaker_Samsung","target":"speaker_Yamaha","value":"64","value raw":"64","significant":" TRUE","_row":314},{"source":"speaker_Pioneer","target":"speaker_Yamaha","value":"43","value raw":"43","significant":" TRUE","_row":315},{"source":"speaker_Yamaha","target":"speaker_Yamaha","value":"348","value raw":"348","significant":" TRUE","_row":316},{"source":"speaker_Ruark Audio","target":"speaker_Yamaha","value":"35","value raw":"35","significant":" TRUE","_row":317},{"source":"speaker_Sony","target":"speaker_Yamaha","value":"51","value raw":"51","significant":" TRUE","_row":318},{"source":"speaker_Lg","target":"speaker_Yamaha","value":"61","value raw":"61","significant":"FALSE","_row":319},{"source":"speaker_Bowers&Wilkins","target":"speaker_Yamaha","value":"47","value raw":"47","significant":" TRUE","_row":320},{"source":"speaker_Sonos","target":"speaker_Ruark Audio","value":"105","value raw":"105","significant":" TRUE","_row":321},{"source":"speaker_Bose","target":"speaker_Ruark Audio","value":"18","value raw":"18","significant":" TRUE","_row":322},{"source":"hifi_Denon","target":"speaker_Ruark Audio","value":"9","value raw":"9","significant":" TRUE","_row":323},{"source":"hifi_Philips","target":"speaker_Ruark Audio","value":"9","value raw":"9","significant":" TRUE","_row":324},{"source":"hifi_Sonos","target":"speaker_Ruark Audio","value":"106","value raw":"106","significant":" TRUE","_row":325},{"source":"hifi_Ruark Audio","target":"speaker_Ruark Audio","value":"21","value raw":"21","significant":" TRUE","_row":326},{"source":"hifi_Sony","target":"speaker_Ruark Audio","value":"28","value raw":"28","significant":" TRUE","_row":327},{"source":"hifi_Lg","target":"speaker_Ruark Audio","value":"23","value raw":"23","significant":" TRUE","_row":328},{"source":"hifi_Bose","target":"speaker_Ruark Audio","value":"17","value raw":"17","significant":" TRUE","_row":329},{"source":"hifi_Panasonic","target":"speaker_Ruark Audio","value":"72","value raw":"72","significant":"FALSE","_row":330},{"source":"speaker_Denon","target":"speaker_Ruark Audio","value":"38","value raw":"38","significant":"FALSE","_row":331},{"source":"speaker_Panasonic","target":"speaker_Ruark Audio","value":"30","value raw":"30","significant":" TRUE","_row":332},{"source":"speaker_Philips","target":"speaker_Ruark Audio","value":"34","value raw":"34","significant":" TRUE","_row":333},{"source":"speaker_Samsung","target":"speaker_Ruark Audio","value":"40","value raw":"40","significant":" TRUE","_row":334},{"source":"speaker_Pioneer","target":"speaker_Ruark Audio","value":"26","value raw":"26","significant":" TRUE","_row":335},{"source":"speaker_Yamaha","target":"speaker_Ruark Audio","value":"35","value raw":"35","significant":" TRUE","_row":336},{"source":"speaker_Ruark Audio","target":"speaker_Ruark Audio","value":"199","value raw":"199","significant":" TRUE","_row":337},{"source":"speaker_Sony","target":"speaker_Ruark Audio","value":"31","value raw":"31","significant":" TRUE","_row":338},{"source":"speaker_Lg","target":"speaker_Ruark Audio","value":"38","value raw":"38","significant":"FALSE","_row":339},{"source":"speaker_Bowers&Wilkins","target":"speaker_Ruark Audio","value":"33","value raw":"33","significant":" TRUE","_row":340},{"source":"speaker_Sonos","target":"speaker_Sony","value":"172","value raw":"172","significant":"FALSE","_row":341},{"source":"speaker_Bose","target":"speaker_Sony","value":"29","value raw":"29","significant":" TRUE","_row":342},{"source":"hifi_Denon","target":"speaker_Sony","value":"15","value raw":"15","significant":" TRUE","_row":343},{"source":"hifi_Philips","target":"speaker_Sony","value":"13","value raw":"13","significant":" TRUE","_row":344},{"source":"hifi_Sonos","target":"speaker_Sony","value":"172","value raw":"172","significant":"FALSE","_row":345},{"source":"hifi_Ruark Audio","target":"speaker_Sony","value":"31","value raw":"31","significant":" TRUE","_row":346},{"source":"hifi_Sony","target":"speaker_Sony","value":"53","value raw":"53","significant":" TRUE","_row":347},{"source":"hifi_Lg","target":"speaker_Sony","value":"89","value raw":"89","significant":" TRUE","_row":348},{"source":"hifi_Bose","target":"speaker_Sony","value":"29","value raw":"29","significant":" TRUE","_row":349},{"source":"hifi_Panasonic","target":"speaker_Sony","value":"120","value raw":"120","significant":"FALSE","_row":350},{"source":"speaker_Denon","target":"speaker_Sony","value":"84","value raw":"84","significant":"FALSE","_row":351},{"source":"speaker_Panasonic","target":"speaker_Sony","value":"44","value raw":"44","significant":" TRUE","_row":352},{"source":"speaker_Philips","target":"speaker_Sony","value":"51","value raw":"51","significant":" TRUE","_row":353},{"source":"speaker_Samsung","target":"speaker_Sony","value":"82","value raw":"82","significant":" TRUE","_row":354},{"source":"speaker_Pioneer","target":"speaker_Sony","value":"45","value raw":"45","significant":" TRUE","_row":355},{"source":"speaker_Yamaha","target":"speaker_Sony","value":"51","value raw":"51","significant":" TRUE","_row":356},{"source":"speaker_Ruark Audio","target":"speaker_Sony","value":"31","value raw":"31","significant":" TRUE","_row":357},{"source":"speaker_Sony","target":"speaker_Sony","value":"354","value raw":"354","significant":" TRUE","_row":358},{"source":"speaker_Lg","target":"speaker_Sony","value":"86","value raw":"86","significant":" TRUE","_row":359},{"source":"speaker_Bowers&Wilkins","target":"speaker_Sony","value":"48","value raw":"48","significant":" TRUE","_row":360},{"source":"speaker_Sonos","target":"speaker_Lg","value":"340","value raw":"340","significant":"FALSE","_row":361},{"source":"speaker_Bose","target":"speaker_Lg","value":"39","value raw":"39","significant":" TRUE","_row":362},{"source":"hifi_Denon","target":"speaker_Lg","value":"12","value raw":"12","significant":"FALSE","_row":363},{"source":"hifi_Philips","target":"speaker_Lg","value":"14","value raw":"14","significant":" TRUE","_row":364},{"source":"hifi_Sonos","target":"speaker_Lg","value":"317","value raw":"317","significant":"FALSE","_row":365},{"source":"hifi_Ruark Audio","target":"speaker_Lg","value":"51","value raw":"51","significant":" TRUE","_row":366},{"source":"hifi_Sony","target":"speaker_Lg","value":"200","value raw":"200","significant":" TRUE","_row":367},{"source":"hifi_Lg","target":"speaker_Lg","value":"80","value raw":"80","significant":" TRUE","_row":368},{"source":"hifi_Bose","target":"speaker_Lg","value":"37","value raw":"37","significant":" TRUE","_row":369},{"source":"hifi_Panasonic","target":"speaker_Lg","value":"199","value raw":"199","significant":" TRUE","_row":370},{"source":"speaker_Denon","target":"speaker_Lg","value":"102","value raw":"102","significant":" TRUE","_row":371},{"source":"speaker_Panasonic","target":"speaker_Lg","value":"55","value raw":"55","significant":" TRUE","_row":372},{"source":"speaker_Philips","target":"speaker_Lg","value":"54","value raw":"54","significant":"FALSE","_row":373},{"source":"speaker_Samsung","target":"speaker_Lg","value":"109","value raw":"109","significant":" TRUE","_row":374},{"source":"speaker_Pioneer","target":"speaker_Lg","value":"52","value raw":"52","significant":" TRUE","_row":375},{"source":"speaker_Yamaha","target":"speaker_Lg","value":"61","value raw":"61","significant":"FALSE","_row":376},{"source":"speaker_Ruark Audio","target":"speaker_Lg","value":"38","value raw":"38","significant":"FALSE","_row":377},{"source":"speaker_Sony","target":"speaker_Lg","value":"86","value raw":"86","significant":" TRUE","_row":378},{"source":"speaker_Lg","target":"speaker_Lg","value":"715","value raw":"715","significant":" TRUE","_row":379},{"source":"speaker_Bowers&Wilkins","target":"speaker_Lg","value":"51","value raw":"51","significant":" TRUE","_row":380},{"source":"speaker_Sonos","target":"speaker_Bowers&Wilkins","value":"91","value raw":"91","significant":" TRUE","_row":381},{"source":"speaker_Bose","target":"speaker_Bowers&Wilkins","value":"25","value raw":"25","significant":" TRUE","_row":382},{"source":"hifi_Denon","target":"speaker_Bowers&Wilkins","value":"13","value raw":"13","significant":" TRUE","_row":383},{"source":"hifi_Philips","target":"speaker_Bowers&Wilkins","value":"19","value raw":"19","significant":" TRUE","_row":384},{"source":"hifi_Sonos","target":"speaker_Bowers&Wilkins","value":"93","value raw":"93","significant":" TRUE","_row":385},{"source":"hifi_Ruark Audio","target":"speaker_Bowers&Wilkins","value":"26","value raw":"26","significant":" TRUE","_row":386},{"source":"hifi_Sony","target":"speaker_Bowers&Wilkins","value":"30","value raw":"30","significant":" TRUE","_row":387},{"source":"hifi_Lg","target":"speaker_Bowers&Wilkins","value":"34","value raw":"34","significant":" TRUE","_row":388},{"source":"hifi_Bose","target":"speaker_Bowers&Wilkins","value":"21","value raw":"21","significant":" TRUE","_row":389},{"source":"hifi_Panasonic","target":"speaker_Bowers&Wilkins","value":"71","value raw":"71","significant":"FALSE","_row":390},{"source":"speaker_Denon","target":"speaker_Bowers&Wilkins","value":"53","value raw":"53","significant":" TRUE","_row":391},{"source":"speaker_Panasonic","target":"speaker_Bowers&Wilkins","value":"44","value raw":"44","significant":" TRUE","_row":392},{"source":"speaker_Philips","target":"speaker_Bowers&Wilkins","value":"44","value raw":"44","significant":" TRUE","_row":393},{"source":"speaker_Samsung","target":"speaker_Bowers&Wilkins","value":"52","value raw":"52","significant":"FALSE","_row":394},{"source":"speaker_Pioneer","target":"speaker_Bowers&Wilkins","value":"36","value raw":"36","significant":" TRUE","_row":395},{"source":"speaker_Yamaha","target":"speaker_Bowers&Wilkins","value":"47","value raw":"47","significant":" TRUE","_row":396},{"source":"speaker_Ruark Audio","target":"speaker_Bowers&Wilkins","value":"33","value raw":"33","significant":" TRUE","_row":397},{"source":"speaker_Sony","target":"speaker_Bowers&Wilkins","value":"48","value raw":"48","significant":" TRUE","_row":398},{"source":"speaker_Lg","target":"speaker_Bowers&Wilkins","value":"51","value raw":"51","significant":" TRUE","_row":399},{"source":"speaker_Bowers&Wilkins","target":"speaker_Bowers&Wilkins","value":"169","value raw":"169","significant":" TRUE","_row":400}],"nodeListMapped":[{"id":"speaker_Sonos","value":"1626","index":" 1","value raw":"1626","_row":"speaker_Sonos"},{"id":"speaker_Bose","value":"103","index":" 2","value raw":"103","_row":"speaker_Bose"},{"id":"hifi_Denon","value":"40","index":" 3","value raw":"40","_row":"hifi_Denon"},{"id":"hifi_Philips","value":"40","index":" 4","value raw":"40","_row":"hifi_Philips"},{"id":"hifi_Sonos","value":"1549","index":" 5","value raw":"1549","_row":"hifi_Sonos"},{"id":"hifi_Ruark Audio","value":"137","index":" 6","value raw":"137","_row":"hifi_Ruark Audio"},{"id":"hifi_Sony","value":"306","index":" 7","value raw":"306","_row":"hifi_Sony"},{"id":"hifi_Lg","value":"190","index":" 8","value raw":"190","_row":"hifi_Lg"},{"id":"hifi_Bose","value":"106","index":" 9","value raw":"106","_row":"hifi_Bose"},{"id":"hifi_Panasonic","value":"1262","index":"10","value raw":"1262","_row":"hifi_Panasonic"},{"id":"speaker_Denon","value":"725","index":"11","value raw":"725","_row":"speaker_Denon"},{"id":"speaker_Panasonic","value":"216","index":"12","value raw":"216","_row":"speaker_Panasonic"},{"id":"speaker_Philips","value":"260","index":"13","value raw":"260","_row":"speaker_Philips"},{"id":"speaker_Samsung","value":"1054","index":"14","value raw":"1054","_row":"speaker_Samsung"},{"id":"speaker_Pioneer","value":"176","index":"15","value raw":"176","_row":"speaker_Pioneer"},{"id":"speaker_Yamaha","value":"348","index":"16","value raw":"348","_row":"speaker_Yamaha"},{"id":"speaker_Ruark Audio","value":"199","index":"17","value raw":"199","_row":"speaker_Ruark Audio"},{"id":"speaker_Sony","value":"354","index":"18","value raw":"354","_row":"speaker_Sony"},{"id":"speaker_Lg","value":"715","index":"19","value raw":"715","_row":"speaker_Lg"},{"id":"speaker_Bowers&Wilkins","value":"169","index":"20","value raw":"169","_row":"speaker_Bowers&Wilkins"}],"nodesBase":["3545"],"imageUrls":{"hifi":["https://displayr-app-image.displayr.com/727841/971065/cdn/2c25f552-9226-44b5-a91d-b2b591610d80.png"],"speaker":["https://displayr-app-image.displayr.com/727841/971065/cdn/8e44b523-3841-4dee-b6bc-a41b576187e4.png"]},"canvasPixelHeight":[1700],"canvasPixelWidth":[1200],"forceLayoutXOriginPercentage":[0.35],"forceLayoutYOriginPercentage":[0.25],"chargeForce":[-5000],"nodeLabelStats":["percent"],"nodeLabelStatsPctDecimal":[0],"barStatPointer":["line"],"forceLayoutRadius":[400],"frequencyDivisionFactor":[1000],"minBase":[50],"deltaColors":{"positive":["#167922"],"negative":["#BC1C0E"]},"fontSize":["9"],"fontMeasure":["pt"],"bgColor":["#fff"]})33:T2c02,function drawLegend(svg, li, selectedNode, hoveredNode) { // customised to push calculations into legend function labelOffeset(label) { return String(label).length * 6 } function getBarDims(d) { let corePct = selectedNode? Number(100*nodeListMappedMap.get(d.impacted)[0]["value"]/switchingGraph.nodesBase): Number(100*d["value"]/switchingGraph.nodesBase); let filteredCorePct = selectedNode? Number(100*d["value"]/switchingGraph.nodes.filter(n => n.id == selectedNode)[0]["value"]): corePct; let delta = filteredCorePct - corePct return [corePct, delta, filteredCorePct] } let filtered_links, filtered_linksSortOptions, g, caret, caretText, rank, rankText, widthFactor, legendTitleHeight, heightPadding; widthFactor = 2.5 legendTitleHeight = 40 heightPadding = 4 d3.selectAll(".legend, .legend-title, .legend-names, .legend-title-text, .legend-focused, .caret, .caret-text, .rank, .rank-text").remove(); filtered_links = selectedNode ? switchingGraph.links.filter(e => (e.type == selectedNode) && (e.source != e.target) ).sort(function(a, b) { return b["value"] - a["value"] }) : switchingGraph.links.filter(e => e.source == e.target).sort(function(a, b) { return b["value"] - a["value"] }); filtered_linksSortOptions = { corePct_filteredCorePct: filtered_links.sort(function(a,b){ let [corePctA, deltaA, filteredCorePctA] = getBarDims(a) let [corePctB, deltaB, filteredCorePctB] = getBarDims(b) return selectedNode? filteredCorePctB - filteredCorePctA : corePctB - corePctA }) } svg.append("g") .attr("class", "legend-title") .attr("transform", `translate(${canvasParam.width * forceLayoutXOriginPercentage},${-canvasParam.height*forceLayoutYOriginPercentage + legendTitleHeight/2 + heightPadding})`) .append("text").classed("legend-title-text", true) .attr("dy", "0") .attr("text-anchor", "left") .attr("fill", "#000000") .attr("font-weight", "bold") .text(selectedNode ? `base = ${switchingGraph.nodes.filter(n => n.id == selectedNode)[0]["value"].toFixed(0)}` : `base = ${switchingGraph.nodesBase.toFixed(0)}`) //text above bar chart legend svg.append("g") .attr("class", "legend-title") .attr("transform", `translate(${canvasParam.width/widthFactor},${-canvasParam.height/4 + legendTitleHeight + heightPadding})`) .append("text").classed("legend-title-text", true) .attr("dy", "0") .attr("text-anchor", "left") .attr("fill", "#000000") .attr("font-weight", "bold") .text(selectedNode ? `% of ${getReadableLabel(selectedNode)}, vs topline +/- pp.` : `Topline %`); // create legend "pills" g = svg.selectAll(".legend") .data(selectedNode? filtered_linksSortOptions.corePct_filteredCorePct: switchingGraph.nodes.sort((a,b) => b["value"] - b["value"])) .enter() .append("g") .attr("class", function(d) { return `legend ${standardise_label(selectedNode? d.impacted: d.id)}` }) .attr("transform", function(d, i) { let pill_height = ((li.h + li.s) + (i) * (li.h * 1.5 + li.s)); return `translate(${(canvasParam.width/widthFactor)},${(-canvasParam.height/4) + legendTitleHeight + pill_height})`; }) .on("mouseover", handleMouseOver) .on("mouseout", handleMouseOut) g.append("rect").classed("legend-pills-outer", true) .attr("x", 0) .attr("rx", 0) .attr("ry", 0) .attr("width", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta < 0? li.w * barScale(filteredCorePct) : li.w * barScale(corePct) }) .attr("height", li.h * 1.5) .style("fill", "#e9e9e9"); //ranks svg.append("g") .attr("class", "legend-title") .attr("transform", `translate(${canvasParam.width/widthFactor - (li.labels + 5.5*li.x)},${-canvasParam.height/4 + legendTitleHeight + heightPadding})`) .append("text").classed("legend-title-text", true) .attr("dy", "0") .attr("text-anchor", "left") .attr("fill", "#000000") .attr("font-weight", "bold") .text("Rank") rank = g.append("g") .attr("class", "rank") .attr("id", function(d) { return `rank_node_${getNodeIndex(switchingGraph.nodes, selectedNode? d.impacted: d.id)}` }) .append("svg") .attr("x", -1*(li.labels + 5.5*li.x)) .attr("y", li.h * -0.5) .attr("dy", "0.35em") .attr("viewBox", "0 0 24 24") .attr("width", "24") .attr("height", "24") .attr("fill", "none") .attr("xmlns", "http://www.w3.org/2000/svg") .append("circle") .attr("stroke", "grey") .attr("stroke-width", 0.5) .attr("cx", 12) .attr("cy", 12) .attr("r", 11) .attr("fill", function(d){ return [selectedNode,hoveredNode].indexOf(selectedNode? d.impacted: d.id) > -1? "grey": "#fff" }) rankText = g.append("text") .attr("class", "rank-text") .attr("id", function(d) { return `ranktext_node_${getNodeIndex(switchingGraph.nodes, selectedNode? d.impacted: d.id)}` }) .attr("x", function(d,i) { let offset = (i+1) offset = 3*(offset.toString().length - 1) return -1*(li.labels + 4*li.x) - offset }) .attr("y", li.h * 0.75) .attr("dy", "0.35em") .attr("text-anchor", "left") .attr("fill", function(d){ return [selectedNode,hoveredNode].indexOf(selectedNode? d.impacted: d.id) > -1? "#fff": "#000000" }) .attr("font-weight", 300) .text(function(d,i) { return `${i+1}` }) //carets caret = barStatPointer == "line"? g.append("g") .attr("class", "caret") .append("svg") .attr("x", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return (li.w * barScale(corePct)) - (li.labels + li.x) + 1 }) .attr("y", -li.s + 2) .attr("dy", "0.35em") .attr("viewBox", "0 0 24 24") .attr("width", "24") .attr("height", "38") .attr("fill", "none") .attr("xmlns", "http://www.w3.org/2000/svg") .append("line") .attr("x1", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta >= 0? 20: 19 }) .attr("x2", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta >= 0? 20: 19 }) .attr("y1", 6) .attr("y2", 38) .attr("stroke", "grey") .attr("stroke-width", 1) : g.append("g") .attr("class", "caret") .append("svg") .attr("x", function(d) { let [bcs, delta, pbcs] = getBarDims(d) return (li.w * barScale(bcs)) - (li.labels + li.x) + 1 }) .attr("y", -li.s + 2) .attr("dy", "0.35em") .attr("viewBox", "0 0 24 24") .attr("width", "24") .attr("height", "24") .attr("fill", "none") .attr("xmlns", "http://www.w3.org/2000/svg") .append("path") .attr("d", "M10.5 15l7.5 7.5 7.5-7.5z") .attr("fill", "black") //carets text caretText = g.append("text") .classed("caret-text", true) .attr("x", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return (li.w * barScale(corePct)) - (li.labels + li.x) }) .attr("y", -li.s + li.h) .attr("dy", "0.35em") .attr("text-anchor", "left") .attr("fill", "#000000") .attr("font-weight", 300) .text(function(d) { let corePct = Number(100*nodeListMappedMap.get(selectedNode? d.impacted: d.id)[0]["value"]/switchingGraph.nodesBase) ; return `${getReadableLabel(selectedNode? d.impacted: d.id)} ${corePct.toFixed(0)}%` }); //threats red / green delta g.append("rect").classed("legend-pills-1", true) .attr("x", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta < 0 ? li.w * barScale(filteredCorePct): li.w * barScale(corePct) }) .attr("rx", 0) .attr("ry", 0) .attr("width", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta < 0? -1* li.w * barScale(delta) : li.w * barScale(delta) }) .attr("height", li.h * 1.5) .style("fill", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta < 0 ? deltaColors["negative"] : deltaColors["positive"] }); g.append("text").classed("legend-text", true) .attr("x", function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) return delta < 0 ? li.w * barScale(corePct) + 1 : li.w * barScale(filteredCorePct) + 1 }) .attr("y", li.h * 0.75) .attr("dy", "0.35em") .attr("text-anchor", "left") .attr("fill", "#000000") .attr("font-weight", 300) .text(function(d) { let [corePct, delta, filteredCorePct] = getBarDims(d) var symbol = delta > 0?"+":"" if(linksMatrixMappedProps.indexOf("significant") > -1){ if((delta > 0) && (d["significant"])) { symbol = "▲" } else if((delta < 0) && (d["significant"])) { symbol = "▼" } } return selectedNode? `${symbol}${delta.toFixed(1)}`: "" }); //transitions if (selectedNode) { d3.selectAll(".caret svg") .data(filtered_links) .join(".caret svg") .transition() .delay(200) .duration(1000) .ease(d3.easeLinear) .attr("x", function(d) { let corePct, delta, filteredCorePct [corePct, delta, filteredCorePct] = getBarDims(d) return (li.w * barScale(filteredCorePct)) - (li.labels + li.x) + 1 }) d3.selectAll("text.caret-text") .data(filtered_links) .join("text.caret-text") .transition() .delay(200) .duration(1000) .ease(d3.easeLinear) .attr("x", function(d) { let corePct, delta, filteredCorePct [corePct, delta, filteredCorePct] = getBarDims(d) return (li.w * barScale(filteredCorePct)) - (li.labels + li.x) }) .transition() .delay(0) .duration(100) .ease(d3.easeLinear) .text(function(d) { let corePct, delta, filteredCorePct [corePct, delta, filteredCorePct] = getBarDims(d) return `${getReadableLabel(d.impacted)} ${filteredCorePct.toFixed(0)}%` }) } }34:Tebb,//custom function (supporting logos) function getServiceSVG(string){ let service = string.split("_")[0] let output = { "name":"", "svgWidth":"", "svgHeight":"", "svgTranslate":"", "svgPath":"", "radiusIndentX":"", "radiusIndentY":"" } if(service == "Mob"){ output = { "name":service, "svgWidth":147, "svgHeight":271, "svgTranslate":"translate(-2662 -1875)", "svgPath":"M2797.04 1875 2769.44 1875 2701.43 1875 2673.83 1875C2666.93 1875 2662 1879.93 2662 1886.82L2662 2134.1C2662 2141 2666.93 2145.93 2673.83 2145.93L2797.04 2145.93C2803.94 2145.93 2808.87 2141 2808.87 2134.1L2808.87 1886.82C2808.87 1880.91 2803.94 1875 2797.04 1875ZM2719.17 1883.87C2719.17 1882.88 2720.16 1881.9 2721.14 1881.9L2748.74 1881.9C2749.73 1881.9 2750.71 1882.88 2750.71 1883.87L2750.71 1884.85C2750.71 1885.84 2749.73 1886.82 2748.74 1886.82L2721.14 1886.82C2720.16 1886.82 2719.17 1885.84 2719.17 1883.87L2719.17 1883.87ZM2709.31 1879.93C2711.29 1879.93 2713.26 1881.9 2713.26 1883.87 2713.26 1885.84 2711.29 1887.81 2709.31 1887.81 2707.34 1887.81 2705.37 1885.84 2705.37 1883.87 2705.37 1881.9 2707.34 1879.93 2709.31 1879.93ZM2750.71 2135.09C2750.71 2138.04 2748.74 2140.02 2745.79 2140.02L2725.09 2140.02C2722.13 2140.02 2720.16 2138.04 2720.16 2135.09L2720.16 2133.12C2720.16 2130.16 2722.13 2128.19 2725.09 2128.19L2745.79 2128.19C2748.74 2128.19 2750.71 2130.16 2750.71 2133.12L2750.71 2135.09ZM2800.99 2121.3C2800.99 2125.24 2797.04 2124.25 2793.1 2124.25L2674.81 2124.25C2670.87 2124.25 2669.89 2124.25 2669.89 2120.31L2669.89 1887.81C2669.89 1883.87 2669.89 1882.88 2673.83 1882.88L2701.43 1882.88 2701.43 1882.88C2701.43 1887.81 2704.39 1891.75 2709.31 1891.75L2762.54 1891.75C2766.49 1891.75 2770.43 1888.79 2770.43 1883.87L2770.43 1883.87 2798.03 1883.87C2801.97 1883.87 2801.97 1885.84 2801.97 1889.78L2801.97 2121.3Z", "radiusIndentX":0.7, "radiusIndentY":0.5 } } else if(service == "TV"){ output = { "name":service, "svgWidth":228, "svgHeight":193, "svgTranslate":"translate(-562 -651)", "svgPath":"M790 651C790 808.909 790 808.909 790 808.909 562 808.909 562 808.909 562 808.909 562 651 562 651 562 651L790 651ZM605.846 835.227C658.462 835.227 658.462 835.227 658.462 835.227 658.462 817.682 658.462 817.682 658.462 817.682 693.538 817.682 693.538 817.682 693.538 817.682 693.538 835.227 693.538 835.227 693.538 835.227 746.154 835.227 746.154 835.227 746.154 835.227 746.154 844 746.154 844 746.154 844 699.348 844 652.652 844 605.846 844L605.846 835.227Z", "radiusIndentX":0.2, "radiusIndentY":0.2 } } else if(service == "BB") { output = { "name":service, "svgWidth":162, "svgHeight":162, "svgTranslate":"translate(-572 -1927)", "svgPath":"M572 1927C661.431 1927 734 1999.57 734 2089 720.775 2089 720.775 2089 720.775 2089 720.775 2006.84 654.157 1940.22 572 1940.22L572 1927ZM595.143 2042.71C607.954 2042.71 618.286 2053.05 618.286 2065.86 618.286 2078.67 607.954 2089 595.143 2089 582.332 2089 572 2078.67 572 2065.86 572 2053.05 582.332 2042.71 595.143 2042.71ZM572 1986.51C628.617 1986.51 674.49 2032.38 674.49 2089 661.265 2089 661.265 2089 661.265 2089 661.265 2039.74 621.261 1999.73 572 1999.73L572 1986.51Z", "radiusIndentX":0.5, "radiusIndentY":0.5 } } return output } 35:[{"id":"f54c07ef3220122d8ad5166f9011e3be1f9d4f4b6b8aabc8c27bb0086517bd304c7d19a5f43d35f2dac39c2c5b1335c915e4b5255f6d8181f6cf4fcae9451bb9","href":"https://static.observableusercontent.com/files/f54c07ef3220122d8ad5166f9011e3be1f9d4f4b6b8aabc8c27bb0086517bd304c7d19a5f43d35f2dac39c2c5b1335c915e4b5255f6d8181f6cf4fcae9451bb9","name":"hifi.png","type":"image/png","lastModified":1662369713031.719,"size":28396},{"id":"aaa961fe41b28280f7de7b847f07719aacf1c97eddd6f852a3c82e33d8705a4c79d25f45b5b9d0a68048639b9c44ae3134540eb3b0c1f09cbcce2a5d70d8af85","href":"https://static.observableusercontent.com/files/aaa961fe41b28280f7de7b847f07719aacf1c97eddd6f852a3c82e33d8705a4c79d25f45b5b9d0a68048639b9c44ae3134540eb3b0c1f09cbcce2a5d70d8af85","name":"speaker.png","type":"image/png","lastModified":1662369766060.337,"size":45367}] 2e:{"title":"LIVE: Force Layout: Co-Usage / Co-ownership / Switching","cells":[{"id":0,"value":"md`# LIVE: Force Layout: Co-Usage / Co-ownership / Switching\nHow to read: \n

Node sizes represent how many respondents subscribe to the Service/brand

Clockwise links represent links / co-subscription

Thicker links / nodes closer together denote larger pools of respondents co-subscribing

\nClick on a node: \nTo see which other Products/brands are co-owned (%s in parentheses are as a proportion of the clicked node respondents) \n

▲ / ▼ = significant diff. vs topline at 95% c.i.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3805,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":3755,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1961,"value":"md `Functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3074,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":683,"value":"//This function looks up whether a pair are neighbours\nfunction neighboring(linkedByIndex, a, b) {\n return linkedByIndex[a.index + \",\" + b.index];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":689,"value":"//function to get nodeIndex from id\nfunction getNodeIndex(nodes, id) {\n for (var i = 0; i < nodes.length; i++) {\n if (nodes[i].id === id) {\n return i;\n }\n }\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":1532,"value":"function getSwitchingGraphLink(linksMatrixMapped, source_name, target_name){\n let filteredLinks = linksMatrixMapped.filter(function(e){\n return (e[\"source\"] == source_name) && (e[\"target\"] == target_name) \n })\n \n return filteredLinks.length > 0? filteredLinks[0]: false;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"function drag(simulation) {\n \n function dragstarted(event, d) {\n if (!event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n \n function dragged(event, d) {\n d.fx = event.x;\n d.fy = event.y;\n }\n \n function dragended(event, d) {\n if (!event.active) simulation.alphaTarget(0);\n d.fx = null;\n d.fy = null;\n }\n \n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2701,"value":"function handleMouseOver(d,i) { // Add interactivity\n let nodeIndex = d.target.__data__.hasOwnProperty(\"index\")? d.target.__data__.index : getNodeIndex(switchingGraph.nodes, d.target.__data__.impacted)\n \n //hovered rank interaction\n d3.select(`#rank_node_${nodeIndex} circle`)\n .attr(\"fill\", \"grey\")\n d3.select(`text#ranktext_node_${nodeIndex}`)\n .attr(\"fill\", \"#fff\")\n\n //node interaction \n d3.select(`#node_${nodeIndex} circle.image-mask`)\n .attr(\"stroke\", \"grey\") \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2704,"value":"function handleMouseOut(d,i) {\n //clear all rank interactions\n d3.selectAll(`.rank circle`)\n .attr(\"fill\", \"none\")\n d3.selectAll(`text.rank-text `)\n .attr(\"fill\", \"black\")\n\n //clear all node interactions\n d3.selectAll(`.node circle.image-mask`)\n .attr(\"stroke\", \"#fff\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":403,"value":"function distance([x1, y1], [x2, y2]) { return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2)) }","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"function linkArc(d) {\n const r = Math.hypot(d.target.x - d.source.x, d.target.y - d.source.y);\n return `\n M${d.source.x},${d.source.y}\n A${r},${r} 0 0,1 ${d.target.x},${d.target.y}\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":904,"value":"function standardise_label(label){ return String(label).replace(\" \", \"_\").toLowerCase() };\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":3107,"value":"function getReadableLabel(label){\n return label.replace(\"_\",\" \")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3085,"value":"function getEntityFromLabel(label, index){\n return label.split(\"_\")[index]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3810,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":3396,"value":"function getPercentageFrequency(entity, percent, decimal, frequency, type){\n let output = \"\"\n percent = `${Number(percent).toFixed(decimal)}%` \n frequency = `${Number(frequency).toFixed(0)}`\n \n if(type == \"percent\"){\n output = `${entity}:${percent}` \n }\n if(type == \"percent and frequency\"){\n output = `${entity}:${percent} (${frequency})`\n }\n return output\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3620,"value":"function minBaseValidation(d, passedIn){\n const toCompare = nodeListMappedProps.indexOf(\"value raw\") > -1? \"value raw\": \"value\"\n return d[toCompare] >= minBase? passedIn: \"\"\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2019,"value":"md `Params fed in via dataMockDisplayr`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"color = colors == null? d3.scaleOrdinal(nodeListMapped.map(e => getEntityFromLabel(e[\"id\"],1)), d3.schemeCategory10): function(entity){\n return colors.get(entity).x\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3786,"value":"colors = typeof dataMockDisplayr.colors != \"undefined\"? d3.index(dataMockDisplayr.colors, o => o._row): null","pinned":true,"hidden":false,"mode":"ojs"},{"id":795,"value":"deltaColors = ({\n positive: dataMockDisplayr.deltaColors.positive[0],\n negative: dataMockDisplayr.deltaColors.negative[0]\n})//({\"positive\": \"#3DAD42\", \"negative\": \"#BC1C0E\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":818,"value":"fontSize = dataMockDisplayr.fontSize[0]//10","pinned":false,"hidden":false,"mode":"ojs"},{"id":819,"value":"fontMeasure = dataMockDisplayr.fontMeasure[0]//\"pt\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2034,"value":"bgColor = dataMockDisplayr.bgColor[0] //\"#ffffff\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":3237,"value":"frequencyDivisionFactor = dataMockDisplayr.frequencyDivisionFactor[0] //1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":785,"value":"forceLayoutRadius = dataMockDisplayr.forceLayoutRadius[0] //400;\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":3399,"value":"nodeLabelStats = dataMockDisplayr.nodeLabelStats[0] //\"percent and frequency\"//\"percent\" or \"percent and frequency\" ","pinned":false,"hidden":false,"mode":"ojs"},{"id":3480,"value":"chargeForce = dataMockDisplayr.chargeForce[0] //-2000","pinned":false,"hidden":false,"mode":"ojs"},{"id":3485,"value":"forceLayoutXOriginPercentage = dataMockDisplayr.forceLayoutXOriginPercentage[0]//0.35","pinned":false,"hidden":false,"mode":"ojs"},{"id":3490,"value":"forceLayoutYOriginPercentage = dataMockDisplayr.forceLayoutYOriginPercentage[0] //0.25","pinned":false,"hidden":false,"mode":"ojs"},{"id":3498,"value":"canvasPixelWidth = dataMockDisplayr.canvasPixelWidth[0] //1200","pinned":false,"hidden":false,"mode":"ojs"},{"id":3499,"value":"canvasPixelHeight = dataMockDisplayr.canvasPixelHeight[0]//1600","pinned":false,"hidden":false,"mode":"ojs"},{"id":3405,"value":"nodeLabelStatsPctDecimal = dataMockDisplayr.nodeLabelStatsPctDecimal[0]//0","pinned":false,"hidden":false,"mode":"ojs"},{"id":3677,"value":"barStatPointer = dataMockDisplayr.barStatPointer[0]//\"triangle\" //\"triangle\" or \"line\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"nodeListMapped = dataMockDisplayr.nodeListMapped","pinned":true,"hidden":false,"mode":"ojs"},{"id":1293,"value":"nodeListMappedMap = d3.group(nodeListMapped, d => d[\"id\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":3092,"value":"nodesBase = dataMockDisplayr.nodesBase\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":3512,"value":"minBase = dataMockDisplayr.minBase","pinned":true,"hidden":false,"mode":"ojs"},{"id":240,"value":"linksMatrixMapped = dataMockDisplayr.linksMatrixMapped.map(o => { \n return {\n ...o,\n significant: typeof o[\"significant\"] != \"undefined\"? o[\"significant\"] == \" TRUE\"? 1: 0: 0\n }\n } \n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1966,"value":"md `Constants`","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"chartParam = ({\n width: 0,\n height: 0,\n margin: {\n top: 0,\n right: 10,\n bottom: 10,\n left: 10\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":499,"value":"canvasParam = ({\n width: canvasPixelWidth,\n height: canvasPixelHeight\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":780,"value":"li = ({ // Dimensions of legend item: width, height, spacing, radius of rounded rect.\n w: 250,\n h: 10,\n s: 25,\n x:6,\n names: 140,\n labels:14\n }) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1919,"value":"md `Derived variable(s)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3594,"value":"linksMatrixMappedProps = Object.keys(linksMatrixMapped[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":3597,"value":"nodeListMappedProps = Object.keys(nodeListMapped[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"switchingGraph = (\n {links: linksMatrixMapped.map(function(el){ \n return {\n ...el,\n ...{\n \"type\": el[\"source\"],\n \"impacted\": el[\"target\"],\n \"value\": Number(el[\"value\"]),\n \"value raw\": Number(el[\"value raw\"]),\n \"significant\": Number(el[\"significant\"])\n }\n }\n\n }),\n nodes: (nodeListMapped\n .sort(function(a,b){\n return Number(b[\"value\"]) - Number(a[\"value\"])\n }).map(function(el,ind){ \n return {\n ...el,\n ...{\n \"value\": Number(el[\"value\"]),\n \"value raw\": Number(el[\"value raw\"]),\n \"index\": ind\n }\n }\n })),\n nodesBase: Number(nodesBase)\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2001,"value":"md `Methods`","pinned":false,"hidden":false,"mode":"ojs"},{"id":739,"value":"radiusScale = d3.scaleSqrt()\n .domain(\n [\n 0, \n d3.max(switchingGraph.nodes.map(function(e){ return e[\"value\"] })) \n ]\n )\n .range([0, 49])","pinned":false,"hidden":false,"mode":"ojs"},{"id":757,"value":"barScale = d3.scaleLinear()\n .domain(\n [\n 0, \n 100 //d3.max(switchingGraph.links.map(function(e){ return e[\"value\"] })) \n ]\n )\n .range([0, 1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":771,"value":"linkThicknessScale = d3.scaleLinear()\n .domain(\n [\n 0, \n d3.max(switchingGraph.links.map(function(e){ return e[\"value\"] })) \n ]\n )\n .range([0, 16])","pinned":false,"hidden":false,"mode":"ojs"},{"id":407,"value":"x = d3.scaleLinear()\n .domain([0, 1])\n .range([chartParam.margin.left, chartParam.width - chartParam.margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"y = d3.scaleLinear()\n .domain([0, 1])\n .range([chartParam.height - chartParam.margin.bottom, chartParam.margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":2016,"value":"md `Last: Styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"md `### Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Search, Table} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":3825,"value":"hifi = FileAttachment(\"hifi.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":3827,"value":"speaker = FileAttachment(\"speaker.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":3836,"value":"images = { \n const entities = Object.keys(dataMockDisplayr.imageUrls)\n return entities.map(o => { return { name: o, url: dataMockDisplayr.imageUrls[o][0]} })\n }\n/*[\n {name: \"hifi\", url: hifi},\n {name: \"speaker\", url: speaker}\n]*/","pinned":true,"hidden":false,"mode":"ojs"},{"id":3934,"value":"imageMap = d3.index(images, (o) => o.name)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}