29:null 2a:["$","title",null,{"children":"VIS–DBLP Collaboration Visualization: Revision | Lucas Barcellos Oliveira | Observable"}] 2f:T28ff,svg={ while (!data) yield "LOADING... PLEASE WAIT!" const fontSize=72, blur=1.5, vMin=3, vRandMax=5, wiggle=10, toStart=100, vStripe=1; let height=width*16/9, cx=width/2, cy=height/3; if (orientation=="Landscape"){ height=width*9/16; cy=height/2; } let svg=d3.select(DOM.svg(width, height)); if (orientation=="Rotated"){ svg.attr("transform","rotate(90)"); svg.attr("height",width); //*9/16? svg.attr("width",width); } let bg=svg.append("rect").attr("width",width).attr("height",height); svg.append('defs').append('style').attr('type','text/css').text("@font-face{font-family: firstFont; src: url('https://rawcdn.githack.com/lucasbarcellosoliveira/fonts/cfc1474e90dc635492d6b540d02bece76f7a7aa4/JennaSue.ttf');} @font-face{font-family: otherFont; src: url('https://rawcdn.githack.com/lucasbarcellosoliveira/fonts/f5d3cf988a69b193de9acbe96e81500cc4d8af00/hwygnrrw.ttf');}"); svg.append('defs').append("filter").attr("id","blur").append("feGaussianBlur").attr("in","sourceGraphic").attr("stdDeviation",blur); let fallingCollumns=3, rowDistance=16, randomness=200;//, speedFactor=150; //4 16 100 100 let collaborators=shuffleArray(Object.keys(data[nameInput])); for (let i=0;inameInput.split(" ").includes(d)).filter(Boolean).length>=2) //tries to remove duplicates collaborators.splice(i,1); } let collaborations=generateCollaborations(collaborators); let falling=svg.append("g"), stripes=svg.append("g"); let previousX=new Array(fallingCollumns).fill(0), previousY=new Array(fallingCollumns).fill(0), previousVRand=0; let onScreen=[], next=0; for (let i=0;ip.year).reduce((a,b)=>Math.max(a,b)) ); let articles=data[nameInput][collaborators[i]]; articles=articles.concat(articles).concat(articles); //triples number of replicas for (let j=1;jd.replace(/\s/g,'').replace(/[^a-zA-Z ]/g, "")); let circleRadius=150, circleTime=1000; let circle=svg.append("circle") .attr("cx",cx) .attr("cy",cy) .attr("r",circleRadius) .attr("fill","#00AAFF") .attr("opacity",0.5) .transition() .duration(500) .attr("opacity",1) .transition() .ease(d3.easeLinear) .duration(circleTime) .attr("r",function(){if (orientation=="Landscape") return width; else return height;}) .transition() .ease(d3.easeLinear) .duration(circleTime) .attr("r",circleRadius) .transition() .duration(500) .attr("opacity",0.5); let firstName=svg.append("text") .attr("x",cx-nameInput.split(" ")[0].length*10) //5.5 .attr("y",cy-fontSize/2) .attr("fill","#FF8800") .attr("font-size",fontSize) .attr("font-family","firstFont") .attr("opacity",0) .attr("pointer-events","none") .text(nameInput.split(" ")[0]) .transition() .delay(circleTime*2) .duration(1000) .attr("opacity",0.9); let lastName=svg.append("text") .attr("x",cx-nameInput.split(" ").slice(-1)[0].length*18.5) //10.5 .attr("y",cy+fontSize/2) .attr("fill","#FF8800") .attr("font-size",fontSize) .attr("font-family","otherFont") .attr("opacity",0) .attr("pointer-events","none") .text(nameInput.split(" ").slice(-1)[0].toUpperCase()) .transition() .delay(circleTime*2) .duration(1000) .attr("opacity",0.9); function update(){ onScreen.forEach(function(i){ let selected=falling.select("#center"+i.replace(/\s/g,'').replace(/[^a-zA-Z ]/g, "")); if (selected.attr("y")height+10){ onScreen=onScreen.filter(function(d){return d!=i}); selected.attr("y",-parseInt(selected.attr("iniY"))); falling.selectAll(".satellite"+i.replace(/\s/g,'').replace(/[^a-zA-Z ]/g, "")).each(function(d,i){ d3.select(this).attr("y",-parseInt(d3.select(this).attr("iniY"))); }); } }); if (!noArticle){ let scrollHorizontally=articles.select("text"); scrollHorizontally.attr("x",scrollHorizontally.attr("x")-5); if (scrollHorizontally.attr("x")<-scrollHorizontally.text().length*15){ scrollHorizontally.remove(); noArticle=true; showArticle=(showArticle+1)%Object.keys(collaborations).length; } } if (!onScreen.length){ articlePos=height*3/4+Math.random()*height/8; articles.append("text") //article .attr("x",width) .attr("y",articlePos) .attr("font-size",fontSize/2) .attr("font-family","otherFont") .text(Object.keys(collaborations)[showArticle].toUpperCase()) .attr("pointer-events","none") .attr("opacity",0.5) .attr("fill",function(){ let articleYear=parseInt(Object.keys(collaborations)[showArticle].split(" ").slice(-1)[0].replace(".","")); if (2019-articleYear<=2) return "#FFDF8F"; if (2019-articleYear<=5) return "#BB9954"; if (2019-articleYear<=8) return "#AC8C48"; else return "#735826"; }); noArticle=false; onScreen=collaborations[Object.keys(collaborations)[showArticle]]; } } while(true){ update(); yield svg.node(); } }30:[] 2d:{"id":"130a11ba88bc5841","slug":"vis-dblp-collaboration-visualization-revision","title":"VIS–DBLP Collaboration Visualization: Revision","thumbnail":"d88706c4e0b2f0eb12521c97ce43c8a74f261c802cc72140b67177d0885b774b","access_level":"public","create_time":"$D2019-07-24T15:00:06.060Z","update_time":"$D2019-08-06T00:28:20.672Z","view_time":null,"first_public_time":"$D2019-07-24T15:19:20.323Z","has_unpublished_edits":null,"fork":{"id":"edcc8e712dafa625","slug":"vis-dblp-collaboration-visualization","title":"VIS–DBLP Collaboration Visualization","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"stars":0,"starred":false,"owner":{"type":"team","id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":"starter_2024"},"version":1291,"publish_version":1291,"role":null,"authored":false,"authors":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null}],"members":[{"type":"individual","id":"1f921ee8155bda89","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira","avatar_url":"https://avatars-next.observableusercontent.com/f666bfbf81c5ce3e07b141f9368d214d65395420ff64ff65964a78fd85ca75c2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"9145685b152dbd76","slug":"dblp-visap-2019","title":"DBLP - VISAP 2019","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"type":"notebook","body":{"title":"VIS–DBLP Collaboration Visualization: Revision","cells":[{"id":0,"value":"md`# VIS–DBLP Collaboration Visualization: Revision`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":992,"value":"fullScreen = {\n let button = html``;\n button.style[\"font-size\"] = \"20px\";\n button.style[\"padding\"] = \"10px\";\n button.onclick=function(){button.parentElement.nextElementSibling.nextElementSibling.requestFullscreen();};\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1003,"value":"viewof orientation = radio({\n title: \"Display Orientation\",\n description: \"Select a mode based on your display preference. Aspect ratio is constant at 16:9.\",\n options: [\"Portrait\", \"Rotated\", \"Landscape\"],\n value: \"Portrait\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"viewof nameInput = autoSelect({\n title: \"Insert your name\",\n description: \"Please, type or select your name from the list.\",\n options: Object.keys(data).sort(),\n value: \"Sheelagh Carpendale\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"function generateCollaborations(collaborators){\n let collaborations={};\n collaborators.forEach(function(d){\n data[nameInput][d].forEach(function(article){\n let key=article.title+\" \"+article.venue+\". \"+article.year+\".\";\n if (key in collaborations)\n collaborations[key].push(d);\n else\n collaborations[key]=[d];\n });\n });\n return collaborations;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"function shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"mutable data=0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"loadJSONData={\n let fr = new FileReader();\n fr.onload = function() {\n mutable data=JSON.parse(this.result);\n };\n fr.readAsText(uncompress);\n return \"Creating JSON Data\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":920,"value":"uncompress=unzip.files[\"data.json\"].async(\"blob\").then(function(r){return r;});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"unzip={\n return JSZip.loadAsync(zip);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"zip=d3.blob(\"https://rawcdn.githack.com/lucasbarcellosoliveira/fonts/1de7baba38df7c9bc4e30b0e49279ff8225518dc/data.zip\")\n //d3.blob(\"https://rawcdn.githack.com/lucasbarcellosoliveira/fonts/48519dbb9364044c92cfacfb5fc9406549f30af8/data1.zip\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":891,"value":"JSZip = require('https://unpkg.com/jszip@3.2.1/dist/jszip.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"import {autoSelect, radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3=require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"