2b:null 2c:["$","title",null,{"children":"asdnviqsbivqfsvbaia75890929u1248 | LEUNG, Ming Hong | Observable"}] 31:T66c,f3 = function(player, even){ for(var i=0; i x.id === even[i].play_id)["Completed pass"]++; break; case "2": player.find(x => x.id === even[i].play_id)["Pass to an offside player"]++; break; case "3": player.find(x => x.id === even[i].play_id)["Successful dribble"]++; break; case "4": player.find(x => x.id === even[i].play_id)["Foul suffered"]++; break; case "5": player.find(x => x.id === even[i].play_id)["Wined throw-in or goal kick"]++; break; case "6": player.find(x => x.id === even[i].play_id)["Wined corner kick"]++; break; case "8": player.find(x => x.id === even[i].play_id)["Interception"]++; break; case "10": player.find(x => x.id === even[i].play_id)["Goalkeeper save shot"]++; break; case "12": player.find(x => x.id === even[i].play_id)["Clearance"]++; break; case "16": player.find(x => x.id === even[i].play_id)["Goal"]++; break; case "17": player.find(x => x.id === even[i].play_id)["Card"]++;player.find(x => x.id === even[i].play_id) break; case "44": player.find(x => x.id === even[i].play_id)["Wined aerial duel"]++; break; case "55": player.find(x => x.id === even[i].play_id)["Offside"]++; break; default: } } } return player; }32:T674,chartDataFilter = function(a, colors){ var collection = ({ "id": 1, "name": "PlayerInfo", "children": [ { "id": 1, "name": "Central Midfielder", "color": "#fff", "children": [] },{ "id": 2, "name": "Attacking Midfielder", "color": "#fff", "children": [] },{ "id": 3, "name": "Defensive Midfielder", "color": "#fff", "children": [] },{ "id": 4, "name": "Winger", "children": [] },{ "id": 5, "name": "Goalkeeper", "color": "#fff", "children": [] },{ "id": 6, "name": "Striker", "color": "#fff", "children": [] },{ "id": 7, "name": "Second Striker", "color": "#fff", "children": [] },{ "id": 8, "name": "Full Back", "color": "#fff", "children": [] },{ "id": 9, "name": "Central Defender", "color": "#fff", "children": [] },{ "id": 10, "name": "Wing Back", "color": "#fff", "children": [] }] }) for(var i=0; i obj.name === a[i].real_position); var newChildren = result[0].children.concat(a[i]); result[0].children = newChildren; } return collection; }33:T21b5,graph = function(data, yearRing, LevelTextData){ const vis = d4.select(DOM.svg(width, height)) .style("width", width) .style("height", "auto") .style("padding", "5px") .style("font", "1px sans-serif") .style("box-sizing", "border-box"); const g = vis.append("g"); g.append("svg:g") .attr("id", "container") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); // For efficiency, filter nodes to keep only those large enough to see. const nodes = partition.nodes(data) .filter(function (d) { return (d.dx > 0.005); // 0.005 radians = 0.29 degrees }); const technologies = (function (a) { var output = []; a.forEach(function (d) { if (output.indexOf(d.name) === -1) { if (d.depth == 2) { output.push(d); } } }); return output; })(nodes); const circle = g.selectAll("circle") .data(yearRing) .enter().append("svg:circle") .attr("r", function (d) { return d.x; }) .style("fill", function (d, i) { return (i == yearRing.length - 1) ? "#fff" : "#f0f0f0"; }) .style('stroke', '#fff') .style("stroke-width", 0.75); const path = g.selectAll("path") .data(nodes) .enter().append("svg:path") .attr("d", arc) .attr("fill-rule", "evenodd") .attr("id", function (d) { return d.name }) .style("fill", function (d) { return (d.depth == 2) ? d.parent.color : "transparent"; }) .style("opacity", 1) .style('stroke', function (d) { return (d.depth == 2) ? d.parent.color : "#fff"; }) .style("stroke-width", 1); //the level const LevelText = g.selectAll("LevelText") .data(LevelTextData) .enter().append("text") .text(function (d) { return d.label; }) .style("font-size", "5px") .style("font-weight", "bold") .style("fill", "#707070") .attr("x", "2") .attr("y", "3") .attr("dx", function (d) { return d.dx; }) .attr("dy", function (d) { return d.dy; }); //the name of the players const playersText = vis.selectAll("playersText") .data(nodes) .enter().append("text") .attr("id", function (d) { return d.id; }) .attr("transform", function (d) { return "rotate(" + computeTextRotation(d) + ")"; }) .attr("x", "6") .style("font-size", function (d) { return (d.depth == 2) ? "2px" : "0px"; }) .style("font-weight", "bold") .style("fill", function (d) { return (d.depth == 2) ? d.parent.color : ""; }) .attr("dx", function (d) { return (d.depth == 1) ? 350 : 255; }) // margin .attr("dy", ".35em") // vertical-align .text(function (d) { return d.depth == 2 ? d.name : ""; }) .on('mouseover', mouseover) .on('mouseout', mouseleave);//This changer //category text of the position const positionText = g.selectAll("positionText") .data(nodes) .enter().append("text") .style("fill", "#fff") .style("font-size", "6px") .attr("dy", function (d) { return "-2" }) //Move the text down .append("textPath") .attr("xlink:href", function (d) { return "#" + d.name; }) .attr("startOffset", function (d) { return "0.5%"; }) .text(function (d) { var name; if (d.depth == 1) { name = d.name; } else { name = ""; } return name.toUpperCase(); }) .on("mouseover", function(d){ d3.select(this).select(this).style("cursor", "pointer") .style("font-size", "15px") .style("fill", d3.color(d.color).darker()); }); //data circle const dataCircle1 = g.selectAll("dataCircle1") .data(technologies) .enter().append("svg:circle") .attr("id", function (d) { return d.id; }) .attr("cx", function (d) { return getTechCircleData(d, 0, selection_box1); }) .attr("cy", function (d) { return getTechCircleData(d, 1, selection_box1); }) .attr("r", 2.5) .style("fill", function (d) { return d.depth < 1 ? "#C0C0C0" : "#0fc1b8"; }) .on("mouseover", function(d){d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //data on circle const dataText1 = g.selectAll("dataText1") .data(technologies) .enter().append("svg:text") .attr("id", function (d) { return d.id; }) .text(function (d) { return getTechnologyIndex(d, selection_box1); }) .style("font-size", "3px") .attr("y", "1") .style("fill", "#fff") .attr("text-anchor", "middle") .attr("dx", function (d) { return getTechCircleData(d, 0, selection_box1); }) .attr("dy", function (d) { return getTechCircleData(d, 1, selection_box1); }) .on("mouseover", function(d){ d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //////////////////////// const dataCircle2 = g.selectAll("dataCircle2") .data(technologies) .enter().append("svg:circle") .attr("id", function (d) { return d.id; }) .attr("cx", function (d) { return getTechCircleData(d, 0, selection_box2); }) .attr("cy", function (d) { return getTechCircleData(d, 1, selection_box2); }) .attr("r", 2.5) .style("fill", function (d) { return d.depth < 1 ? "#C0C0C0" : "#ea4b58"; }) .on("mouseover", function(d){d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //data on circle const dataText2 = g.selectAll("dataText2") .data(technologies) .enter().append("svg:text") .attr("id", function (d) { return d.id; }) .text(function (d) { return getTechnologyIndex(d, selection_box2); }) .style("font-size", "3px") .attr("y", "1") .style("fill", "#fff") .attr("text-anchor", "middle") .attr("dx", function (d) { return getTechCircleData(d, 0, selection_box2); }) .attr("dy", function (d) { return getTechCircleData(d, 1, selection_box2); }) .on("mouseover", function(d){ d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //the action for position bar const invisibleBar = g.selectAll("invisibleBar") .data(technologies) .enter().append("svg:path") .attr("id", function (d) { return "techInvisibleCircle" + d.name; }) .attr("cx", function (d) { return getTechCircleData(d, 0); }) .attr("cy", function (d) { return getTechCircleData(d, 1); }) .attr("r", 3.5) .style("fill", "transparent") .style("strok", "#fff") .on("mouseover", mouseover) .on("mouseleave", mouseleave); const tooltip = d3tip() .style("position", "absolute") .style("pointer-events", "none") .style("top", '1100px') .style("left", "150px") .style("opacity", 0) .style("background", "white") .style("border-radius", "5px") .style("box-shadow", "0 0 10px rgba(0,0,0,.25)") .style("padding", "10px") .style("line-height", "1.3") .style("font", "11px sans-serif") vis.call(tooltip) function mouseover(d) { d3.select(this).style("cursor", "pointer") .style("font-size", "15px") .style("fill", d3.color(d.parent.color).darker()); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d); } // Restore everything to full opacity when moving off the visualization. function mouseleave(d) { d3.select(this).style("cursor", "default") .style("font-size", "2px") .style("fill", d.parent.color); tooltip.hide(); } //calculate rotation angle of text function computeTextRotation(d) { return (d.x + (d.dx) / 2) * 180 / Math.PI - 90; } //calculate the position of data circle function getTechCircleData(d, i, cat) { if (d[cat] < startIndex) { return arc.centroid(d)[i] * 0.045; } else if (d[cat] >= endIndex) { return arc.centroid(d)[i] * 0.8; } else { return arc.centroid(d)[i] * (0.045 + 0.0253 * (d[cat] - baseIndex)); } } //get data function getTechnologyIndex(d, cat) { if (d.depth == 2) { if(d[cat] >0){ return d[cat]; } } } document.body.appendChild(vis.node()); const box = g.node().getBBox(); vis.remove() .attr("width", box.width) .attr("height", box.height) .attr("viewBox", `${box.x} ${box.y-200} ${box.width} ${box.height+400}`); return vis.node(); }34:T1c1a,graph2 = function(data, yearRing, LevelTextData){ const vis = d4.select(DOM.svg(width, height)) .style("width", width) .style("height", "auto") .style("padding", "5px") .style("font", "1px sans-serif") .style("box-sizing", "border-box"); const g = vis.append("g"); g.append("svg:g") .attr("id", "container") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); // For efficiency, filter nodes to keep only those large enough to see. const nodes = partition.nodes(data) .filter(function (d) { return (d.dx > 0.005); // 0.005 radians = 0.29 degrees }); const technologies = (function (a) { var output = []; a.forEach(function (d) { if (output.indexOf(d.name) === -1) { if (d.depth == 2) { output.push(d); } } }); return output; })(nodes); const nodes_selected = {}; const circle = g.selectAll("circle") .data(yearRing) .enter().append("svg:circle") .attr("r", function (d) { return d.x; }) .style("fill", function (d, i) { return (i == yearRing.length - 1) ? "#fff" : "#f0f0f0"; }) .style('stroke', '#fff') .style("stroke-width", 0.75); const path = g.selectAll("path") .data(nodes) .enter().append("svg:path") .attr("d", arc) .attr("fill-rule", "evenodd") .attr("id", function (d) { return d.name }) .style("fill", function (d) { return (d.depth == 2) ? d.parent.color : "transparent"; }) .style("opacity", 1) .style('stroke', function (d) { return (d.depth == 2) ? d.parent.color : "#fff"; }) .style("stroke-width", 1); //the level const LevelText = g.selectAll("LevelText") .data(LevelTextData) .enter().append("text") .text(function (d) { return d.label; }) .style("font-size", "5px") .style("font-weight", "bold") .style("fill", "#707070") .attr("x", "2") .attr("y", "3") .attr("dx", function (d) { return d.dx; }) .attr("dy", function (d) { return d.dy; }); //the name of the players const playersText = vis.selectAll("playersText") .data(nodes) .enter().append("text") .attr("id", function (d) { return d.id; }) .attr("transform", function (d) { return "rotate(" + computeTextRotation(d) + ")"; }) .attr("x", "6") .style("font-size", function (d) { return (d.depth == 2) ? "2px" : "0px"; }) .style("font-weight", "bold") .style("fill", function (d) { return (d.depth == 2) ? d.parent.color : ""; }) .attr("dx", function (d) { return (d.depth == 1) ? 350 : 255; }) // margin .attr("dy", ".35em") // vertical-align .text(function (d) { return d.depth == 2 ? d.name : ""; }) .on('mouseover', mouseover) .on('mouseout', mouseleave);//This changer //category text of the position const positionText = g.selectAll("positionText") .data(nodes) .enter().append("text") .style("fill", "#fff") .style("font-size", "6px") .attr("dy", function (d) { return "-2" }) //Move the text down .append("textPath") .attr("xlink:href", function (d) { return "#" + d.name; }) .attr("startOffset", function (d) { return "0.5%"; }) .text(function (d) { var name; if (d.depth == 1) { name = d.name; } else { name = ""; } return name.toUpperCase(); }) .on("mouseover", function(d){ d3.select(this).select(this).style("cursor", "pointer") .style("font-size", "15px") .style("fill", d3.color(d.color).darker()); }); //data circle const dataCircle1 = g.selectAll("dataCircle1") .data(technologies) .enter().append("svg:circle") .attr("id", function (d) { return d.id; }) .attr("cx", function (d) { return getTechCircleData(d, 0, selection_box1); }) .attr("cy", function (d) { return getTechCircleData(d, 1, selection_box1); }) .attr("r", 2.5) .style("fill", function (d) { return d.depth < 1 ? "#C0C0C0" : "#0fc1b8"; }) .on("mouseover", function(d){d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //data on circle const dataText1 = g.selectAll("dataText1") .data(technologies) .enter().append("svg:text") .attr("id", function (d) { return d.id; }) .text(function (d) { return getTechnologyIndex(d, selection_box1); }) .style("font-size", "3px") .attr("y", "1") .style("fill", "#fff") .attr("text-anchor", "middle") .attr("dx", function (d) { return getTechCircleData(d, 0, selection_box1); }) .attr("dy", function (d) { return getTechCircleData(d, 1, selection_box1); }) .on("mouseover", function(d){ d3.select(this).style("cursor", "pointer"); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d);}) .on("mouseleave", function(d){ d3.select(this).style("cursor", "default"); tooltip.hide();}); //the action for position bar const invisibleBar = g.selectAll("invisibleBar") .data(technologies) .enter().append("svg:path") .attr("id", function (d) { return "techInvisibleCircle" + d.name; }) .attr("cx", function (d) { return getTechCircleData(d, 0); }) .attr("cy", function (d) { return getTechCircleData(d, 1); }) .attr("r", 3.5) .style("fill", "transparent") .style("strok", "#fff") .on("mouseover", mouseover) .on("mouseleave", mouseleave); const tooltip = d3tip() .style("position", "absolute") .style("pointer-events", "none") .style("top", '1100px') .style("left", "150px") .style("opacity", 0) .style("background", "white") .style("border-radius", "5px") .style("box-shadow", "0 0 10px rgba(0,0,0,.25)") .style("padding", "10px") .style("line-height", "1.3") .style("font", "11px sans-serif") vis.call(tooltip) function mouseover(d) { d3.select(this).style("cursor", "pointer") .style("font-size", "15px") .style("fill", d3.color(d.parent.color).darker()); tooltip.style("opacity", 1) .html(getTooltipContent(d)) .show(d); } // Restore everything to full opacity when moving off the visualization. function mouseleave(d) { d3.select(this).style("cursor", "default") .style("font-size", "2px") .style("fill", d.parent.color); tooltip.hide(); } //calculate rotation angle of text function computeTextRotation(d) { return (d.x + (d.dx) / 2) * 180 / Math.PI - 90; } //calculate the position of data circle function getTechCircleData(d, i, cat) { if (d[cat] < startIndex) { return arc.centroid(d)[i] * 0.045; } else if (d[cat] >= endIndex) { return arc.centroid(d)[i] * 0.8; } else { return arc.centroid(d)[i] * (0.045 + 0.0253 * (d[cat] - baseIndex)); } } //get data function getTechnologyIndex(d, cat) { if (d.depth == 2) { if(d[cat] >0){ return d[cat]; } } } document.body.appendChild(vis.node()); const box = g.node().getBBox(); vis.remove() .attr("width", box.width) .attr("height", box.height) .attr("viewBox", `${box.x} ${box.y-200} ${box.width} ${box.height+400}`); return vis.node(); }35:[] 2f:{"id":"16e724e96686edf4","slug":"players-info","title":"asdnviqsbivqfsvbaia75890929u1248","thumbnail":"22cd29c6651e097c8ca559c4b168d12a15805c3b7199027da308154cb11f2c20","access_level":"public","create_time":"$D2019-04-30T10:07:48.267Z","update_time":"$D2019-05-08T06:14:30.619Z","view_time":null,"first_public_time":"$D2019-05-02T06:34:08.208Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"1ad19d4c48664158","login":"mhleungah","name":"LEUNG, Ming Hong","avatar_url":"https://avatars-next.observableusercontent.com/3ce8013c396145d21e6fb6233c704022beed860e0c565591724fe079aa47a922","tier":"starter_2024"},"version":909,"publish_version":909,"role":null,"authored":false,"authors":[{"type":"individual","id":"f2c642f6b6481854","login":"mhleungah","name":"LEUNG, Ming Hong","avatar_url":"https://avatars-next.observableusercontent.com/3ce8013c396145d21e6fb6233c704022beed860e0c565591724fe079aa47a922","tier":null}],"members":[{"type":"individual","id":"f2c642f6b6481854","login":"mhleungah","name":"LEUNG, Ming Hong","avatar_url":"https://avatars-next.observableusercontent.com/3ce8013c396145d21e6fb6233c704022beed860e0c565591724fe079aa47a922","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"asdnviqsbivqfsvbaia75890929u1248","cells":[{"id":0,"value":"md`# asdnviqsbivqfsvbaia75890929u1248`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":764,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":763,"value":"viewof selection_box1 = select({\n title: \"Select the data for display\",\n options: [\"Completed pass\", \"Pass to an offside player\", \"Successful dribble\", \"Foul suffered\", \"Wined throw-in or goal kick\", \"Wined corner kick\", \"Interception\", \"Goalkeeper save shot\", \"Clearance\", \"Goal\", \"Card\", \"Wined aerial duel\", \"Offside\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":812,"value":"viewof selection_box2 = select({\n title: \"Select another data for display\",\n options: [\"None\", \"Completed pass\", \"Pass to an offside player\", \"Successful dribble\", \"Foul suffered\", \"Wined throw-in or goal kick\", \"Wined corner kick\", \"Interception\", \"Goalkeeper save shot\", \"Clearance\", \"Goal\", \"Card\", \"Wined aerial duel\", \"Offside\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":852,"value":"g1 = graph(chartData, yearRing, LevelTextData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":857,"value":"viewof selection_box3 = select({\n title: \"Select the position for display\",\n options: [\"Goalkeeper\", \"Central Midfielder\", \"Attacking Midfielder\", \"Defensive Midfielder\", \"Winger\", \"Striker\", \"Second Striker\", \"Full Back\", \"Central Defender\", \"Wing Back\"]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":859,"value":"g2 = graph2(chartDataPosition, yR(20, 20, 15), mYTD(20, 15))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":860,"value":"chartDataPosition = chartData.children.filter(obj => obj.name === selection_box3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":196,"value":"d4 = require('d3@3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"WorldCup2014Players = d3.csv('https://gist.githubusercontent.com/wingchu/c44283c2975cbdd32ef65454052d5e56/raw/d2b321163bf98dc50916147e0f121d1475f92243/player.csv', d => {return {\"id\": d.id, \"name\": d.name, \"real_position\":d.real_position, \n \"Completed pass\": 0,\n \"Pass to an offside player\": 0,\n \"Successful dribble\": 0,\n \"Foul suffered\": 0,\n \"Wined throw-in or goal kick\": 0,\n \"Wined corner kick\": 0,\n \"Interception\": 0,\n \"Goalkeeper save shot\": 0,\n \"Clearance\": 0,\n \"Goal\": 0,\n \"Card\": 0,\n \"Wined aerial duel\": 0,\n \"Offside\": 0}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":700,"value":"WorldCup2014Evens = d3.csv('https://gist.githubusercontent.com/whtsead213/9e84c3e9194427641d937ea24bb8b253/raw/9449fb763e0e55a5c5595c95b9eb913f7fc63391/merged_event.csv', d => {return {\"play_id\": d.player_id, \"type\": d.type, \"outcome\": d.outcome}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":705,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":742,"value":"data = f3(WorldCup2014Players, WorldCup2014Evens)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":131,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":591,"value":"colors = ({\n \"Goalkeeper\": \"#d30000\",\n \"Central Midfielder\": \"#00a9e8\",\n \"Attacking Midfielder\": \"#0077e8\",\n \"Defensive Midfielder\": \"#0049e8\",\n \"Winger\": \"#7400e8\",\n \"Striker\": \"#e0e04e\",\n \"Second Striker\": \"#ffe500\",\n \"Full Back\": \"#a5be00\",\n \"Central Defender\": \"#7ebe00\",\n \"Wing Back\": \"#00be32\"\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":179,"value":"chartData = chartDataFilter(data, colors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":93,"value":"format = d3.format(\",d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":95,"value":"width = 1200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":99,"value":"radius = 320//Math.min(width, height)/2;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":101,"value":"startIndex = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":103,"value":"endIndex = 30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":105,"value":"baseIndex = startIndex - 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":274,"value":"startlevel = 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":325,"value":"level = endIndex","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":336,"value":"region = 8;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":276,"value":"yR = function(l, sl, reg){\n var ringLevel = [];\n for(var i=l; i>=0; i--){\n ringLevel.push({x: sl+i*reg, y:sl+i*reg});\n }\n return ringLevel;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":107,"value":"yearRing = yR(level, startlevel, region)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":317,"value":"mYTD = function(l, reg){\n var x = 0;\n var y = -15;\n var data = [];\n for(var i=0; i=\"+l});\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":109,"value":"LevelTextData = mYTD(level, region)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":201,"value":"partition = d4.layout.partition().size([2 * Math.PI, radius * radius]).value(function (d) { return 1; });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":111,"value":"arc = d4.svg.arc()\n .startAngle(function (d) { return d.x; })\n .endAngle(function (d) { return d.x + d.dx; })\n .innerRadius(function (d) {\n if (d.depth == 1) {\n return startlevel;\n } else {\n return Math.sqrt(d.y) + 50;\n }\n })\n .outerRadius(function (d) {\n if (d.depth == 2) {\n return Math.sqrt(d.y + d.dy);\n } else {\n return Math.sqrt(d.y + d.dy) + 50;\n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":578,"value":"getTooltipContent = function(d) {\nreturn `Name: ${d.name}\n
\nPosition: ${d.real_position}\n
\nCompleted pass: ${d[\"Completed pass\"]}
\nPass to an offside player: ${d[\"Pass to an offside player\"]}
\nSuccessful dribble: ${d[\"Successful dribble\"]}
\nFoul suffered: ${d[\"Foul suffered\"]}
\nWined throw-in or goal kick: ${d[\"Wined throw-in or goal kick\"]}
\nWined corner kick: ${d[\"Wined corner kick\"]}
\nInterception: ${d[\"Interception\"]}
\nGoalkeeper save shot: ${d[\"Goalkeeper save shot\"]}
\nClearance: ${d[\"Clearance\"]}
\nGoal: ${d[\"Goal\"]}
\nCard: ${d[\"Card\"]}
\nWined aerial duel: ${d[\"Wined aerial duel\"]}
\nOffside: ${d[\"Offside\"]}\n
\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":610,"value":"d3tip = require('d3-tip')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":850,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":905,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"