29:null 2a:["$","title",null,{"children":"DBLP Collaboration Network | Lucas Barcellos Oliveira | Observable"}] 2f:T967,md`Gravity: ${bind (makeSlider ({min:0.1,max:10,step:0.1}), viewof gravity)} ${bind (makeNumber ({min:0.1,max:10,step:0.1}), viewof gravity)} Opacity: ${bind (makeSlider ({min:0.1, max:0.5,step:0.01}), viewof copyOpacity)} ${bind (makeNumber ({min:0.1,max:0.5,step:0.01}), viewof copyOpacity)} Spread: ${bind (makeSlider ({min:1,max:100,step:1}), viewof spread)} ${bind (makeNumber ({min:1,max:100,step:1}), viewof spread)} Noise Scale: ${bind (makeSlider ({min:0.1,max:5,step:0.1}), viewof noiseScale)} ${bind (makeNumber ({min:0.1,max:5,step:0.1}), viewof noiseScale)} Velocity Variation: ${bind (makeSlider ({min:1,max:50,step:1}), viewof velocityVariation)} ${bind (makeNumber ({min:1,max:50,step:1}), viewof velocityVariation)} Horizontal Speed: ${bind (makeSlider ({min:1,max:10,step:1}), viewof horizontalSpeed)} ${bind (makeNumber ({min:1,max:10,step:1}), viewof horizontalSpeed)} Font Size: ${bind (makeSlider ({min:1,max:100,step:2}), viewof mainFontSize)} ${bind (makeNumber ({min:1,max:100,step:2}), viewof mainFontSize)} Stripe Margin: ${bind (makeSlider ({min:0,max:20,step:1}), viewof stripeMargin)} ${bind (makeNumber ({min:0,max:20,step:1}), viewof stripeMargin)} Horizontal Collision Box's Margin: ${bind (makeSlider ({min:1,max:2,step:0.1}), viewof collisionBoxMarginHorizontal)} ${bind (makeNumber ({min:1,max:2,step:0.1}), viewof collisionBoxMarginHorizontal)} Vertical Collision Box's Margin: ${bind (makeSlider ({min:1,max:2,step:0.1}), viewof collisionBoxMarginVertical)} ${bind (makeNumber ({min:1,max:2,step:0.1}), viewof collisionBoxMarginVertical)} Stripe Fade In Speed: ${bind (makeSlider ({min:0.01,max:0.1,step:0.01}), viewof stripeFadeIn)} ${bind (makeNumber ({min:1,max:2,step:0.1}), viewof stripeFadeIn)} Stripe Fade Out Speed: ${bind (makeSlider ({min:0.01,max:0.1,step:0.01}), viewof stripeFadeOut)} ${bind (makeNumber ({min:1,max:2,step:0.1}), viewof stripeFadeOut)} Fixed Delay Between Stripes: ${bind (makeSlider ({min:0,max:300,step:10}), viewof minDelay)} ${bind (makeNumber ({min:0,max:300,step:10}), viewof minDelay)} Random Delay Between Stripes: ${bind (makeSlider ({min:0,max:300,step:10}), viewof maxDelay)} ${bind (makeNumber ({min:0,max:300,step:10}), viewof maxDelay)} Exit Probability: ${bind (makeSlider ({min:0,max:1,step:0.05}), viewof exitProbability)} ${bind (makeNumber ({min:0,max:1,step:0.05}), viewof exitProbability)}`30:Tdb3,function createAnim() { // module aliases let { Engine, Render, World, Bodies, Composite, Runner } = Matter; let world = World.create({gravity: landscape ? {x: 0, y:gravity} : {x:gravity, y: 0} }); let engine = Engine.create({world: world}); let runner = Runner.create(); let ground, lwall, rwall, ceiling; let anim = { // Setup to be done on resize setup : function () { let w = width, h = height; let bodies = Composite.allBodies(engine.world); // Clear world for (let obj of bodies) { World.remove(engine.world, obj); } // create two walls and a ground ground = Bodies.rectangle(w/2, h, w, 20, { isStatic: true }), lwall = Bodies.rectangle(0, h/2, 20, 2*h, { isStatic: true }), rwall = Bodies.rectangle(w, h/2, 20, 2*h, { isStatic: true }), ceiling = Bodies.rectangle(w/2, 0, w, 20, { isStatic: true }); // add all of the bodies to the world //World.add(engine.world, landscape ? [ground,lwall,rwall] : [ceiling, ground, rwall]); World.add(engine.world, landscape ? [lwall,rwall] : [ceiling, ground]); }, // Adds another object to the animation add : function (obj, isStatic = false) { let box = Bodies.rectangle (obj.x || 0, obj.y || 0, obj.dx || 50, obj.dy || 50, { angle: obj.angle || (landscape? 0 : -Math.PI / 2), isStatic : isStatic, frictionAir : 0.005+0.001*velocityVariation*Math.random(), friction : 0.01 }) if (!isStatic) box.obj = obj; //Matter.Body.setInertia(box,Infinity); World.add(engine.world, [box]); return box; }, allBodies : function () { return Composite.allBodies(engine.world).filter(o => o.obj); }, remove : function (box) { return Matter.Composite.remove(engine.world,box); }, // Renders one frame of the animation render : function (ctx) { let bodies = Composite.allBodies(engine.world).filter(o => o.obj); for (let body of bodies) { let obj = body.obj; //ctx.globalAlpha=0.3; //for (let i=0;inameInput.split(" ").includes(d)).filter(Boolean).length>=2) //tries to remove duplicates collaborators.splice(i,1); } let collaborations=shuffleArray(generateCollaborations(collaborators)); collaborations.forEach(function(d){ let res=stringSimilarity.findBestMatch(nameInput,d.authors); if (res.bestMatch.rating>=0.75) d.authors.splice(stringSimilarity.bestMatchIndex,1); }); let frame = frameStart; canvas.style.backgroundColor = "rgba(0,0,0,1)"; ctx.font = mainFontSize/2+"px Oswald"; ctx.lineWidth=2; ctx.strokeStyle="rgba(0,0,0,1)"; //Initial Animation let r=width/6, increase=true, opacity=0, circleMaxRadius=height*0.85; while (true){ ctx.clearRect(0, 0, width, height); if (increase){ //circle's radius increases if (r<=circleMaxRadius){ drawCircle(ctx,r); r+=20; } else{ drawCircle(ctx,circleMaxRadius); increase=false; } } else { if (r>width/8){ //circle's radius decreases drawCircle(ctx,r); r-=20; } else{ if (opacity<1){ //main name appears drawCircle(ctx); drawName(ctx,nameInput,opacity); opacity+=0.05; } else{ //resume with simulation setup and continuous animation break; } } } yield(frame++); } let allAnim=[], showArticle=0; while (addArticle(allAnim,collaborations[showArticle])){ showArticle=(showArticle+1)%collaborations.length; if (allAnim.length>articlesOnScreen) break; if (showArticle==0) break; } while (true) { ctx.clearRect(0, 0, width, height); ctx.fillRect(0, 0, width, height); allAnim.forEach(function(anim,idx){ if (!anim.offscreen){ if (anim.elapsed0&&anim.fade) anim.alpha-=stripeFadeOut; if (anim.size>0&&!anim.fade) anim.size-=thickening; let allBodies=anim.allBodies(); if (!allBodies.length){ allAnim.splice(idx,1); while (addArticle(allAnim,collaborations[showArticle])){ showArticle=(showArticle+1)%collaborations.length; if (allAnim.length>articlesOnScreen) break; if (showArticle==0) break; } } else for (let box of allBodies) if (box.position.y>height) anim.remove(box); } anim.render(ctx); }); drawCircle(ctx); drawName(ctx,nameInput); yield (frame++); } }33:T42b,function addArticle(allAnim,article){ let anim=createAnim(); anim.setup(); anim.article=article; anim.article.authors=[...new Set(anim.article.authors)]; anim.article.x=width*1.1; anim.article.y=height*(0.35+Math.random()*0.6); if (allAnim.length){ let attempts=0, dist=Math.max(height*0.05,Math.min(height*0.35,height*anim.article.authors.length*0.04)); while (allAnim.map(a=>Math.abs(anim.article.y-a.article.y)1000) return false; } } anim.blockingBox=anim.add(new AnimObject(width/2,anim.article.y,width,mainFontSize), true); //addAuthors(ctx,anim); anim.offscreen=false; if (Math.random()nameInput.split(" ").includes(d)).filter(Boolean).length>=2) //tries to remove duplicates collaborators.splice(i,1); } let collaborations=generateCollaborations(collaborators); let frame = frameStart; canvas.style.backgroundColor = "rgba(0,0,0,1)"; ctx.font = mainFontSize/2+"px otherFont"; let allAnim=[]; for (let i=0;ianim.setup()); let showArticle=0, previousY=0; allAnim.forEach(function(anim){ anim.article=collaborations[showArticle]; anim.article.x=width; anim.article.y=height*(0.3+Math.random()/2); while (Math.abs(anim.article.y-previousY)d.year)); if (2019-mostRecentArticle<=2) color="rgba(255,223,143,0.5)"; else if (2019-mostRecentArticle<=5) color="rgba(187,153,84,0.5)"; else if (2019-mostRecentArticle<=8) color="rgba(172,140,72,0.5)"; else color="rgba(115,88,38,0.5)"; anim.articleText=new TextObject(width*Math.random(),-mainFontSize/2,0,name,ctx,color,data[nameInput][name].length); anim.add(anim.articleText); }); }); while (true) { ctx.clearRect(0, 0, width, height); drawCircle(ctx); drawName(ctx,nameInput); allAnim.forEach(function(anim){ drawArticle(ctx,anim.article); anim.article.x-=horizontalSpeed; if (anim.article.x<-ctx.measureText(anim.article.displayText).width){ anim.remove(anim.blockingBox); anim.remove(anim.articleText); } for (let box of anim.allBodies()) { if (box.position.y > anim.article.y-height*0.1 && box.position.y < anim.article.y+height*0.1) { box.frictionAir = 0.1; } if (box.position.y>height) anim.remove(box); } anim.render(ctx); }); //yield (frame++) } }35:[] 2d:{"id":"d885e00923508801","slug":"dblp-collaboration-network","title":"DBLP Collaboration Network","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2019-08-05T19:44:53.062Z","update_time":"$D2019-09-12T00:39:38.003Z","view_time":null,"first_public_time":"$D2019-08-05T20:13:44.692Z","has_unpublished_edits":null,"fork":{"id":"249668b92fd23f0b","slug":"simple-animations","title":"Simple animations","owner":{"id":"e9fcee55f21948e0","login":"esperanc","name":"Claudio Esperança"}},"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":1117,"publish_version":1117,"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":2,"collection":{"id":"9145685b152dbd76","slug":"dblp-visap-2019","title":"DBLP - VISAP 2019","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"type":"notebook","body":{"title":"DBLP Collaboration Network","cells":[{"id":0,"value":"md`# DBLP Collaboration Network\n# for VISAP'19 (v3)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"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":733,"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\"],\n value: \"Portrait\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"container = {\n let div = html`

`;\n div.append(canvas);\n if (orientation == \"Rotated\") {\n let ratio = 9/16;\n let dx = (-width+height*ratio)/2;\n let dy = (-height+width*ratio)/2;\n div.style.width = `${height*ratio}px`;\n div.style.height = `${width*ratio}px`;\n canvas.style['transform-origin'] = `50% 50%`;\n canvas.style.transform = `translate(${dx}px,${dy}px) scale(${ratio}) rotate(90deg)`;\n }\n else {\n div.style.width = \"100%\";\n div.style.height = \"100%\";\n canvas.style.transform = \"\";\n }\n return div\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"canvas = {\n let canvas = DOM.canvas(width,height);\n return canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"mutable nameInput=textBox","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"viewof textBox = 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":124,"value":"{\n let button = html``;\n button.onclick = () => { \n mutable frameStart = 0;\n }\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":801,"value":"viewof stripeColor = radio({\n title: \"Stripe Color\",\n description: \"Select a color to be displayed on all horizontal stripes.\",\n options: [\"rgba(255,136,0,0.75)\", \"rgba(190,102,27,1)\"],\n value: \"rgba(255,136,0,0.75)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"viewof nameOutline = radio({\n title: \"Name Outline\",\n description: \"Outlines names' texts with a black narrow stroke.\",\n options: [\"On\", \"Off\"],\n value: \"On\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":830,"value":"viewof articleOutline = radio({\n title: \"Article Outline\",\n description: \"Outlines articles' texts with a black narrow stroke.\",\n options: [\"On\", \"Off\"],\n value: \"Off\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"viewof articlesInBlack = radio({\n title: \"Articles in Black\",\n description: \"Writes articles' info in black.\",\n options: [\"On\", \"Off\"],\n value: \"On\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"height = width*16/9","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"mutable frameStart = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"ctx = canvas.getContext(\"2d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"class AnimObject {\n constructor (x,y,dx,dy,angle=0) {\n [this.x, this.y, this.dx, this.dy,this.angle] = [x,y,dx,dy,angle];\n }\n render (ctx, x, y, angle) {\n [this.x, this.y, this.angle] = [x,y,angle];\n ctx.save();\n ctx.translate(x, y);\n ctx.rotate(angle);\n ctx.fillRect(-this.dx/2,-this.dy/2,this.dx,this.dy);\n ctx.restore();\n }\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"function drawCircle(ctx,r=width/8){\n ctx.save();\n ctx.fillStyle=\"rgba(0,85,127,1)\";\n ctx.beginPath();\n ctx.arc(width/2,height/5,r,0,2*Math.PI);\n ctx.fill();\n ctx.restore();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"function drawName(ctx,name,opacity=1){\n let firstName=name.split(\" \")[0], lastName=name.split(\" \").slice(-1)[0].toUpperCase();\n ctx.save();\n ctx.font=mainFontSize+\"px firstFont\";\n ctx.fillStyle=\"rgba(255,136,0,\"+opacity+\")\";\n ctx.fillText(firstName,width/2-ctx.measureText(firstName).width/2,height/5-mainFontSize/2);\n ctx.font=mainFontSize+\"px otherFont\";\n ctx.fillText(lastName.split(\" \").slice(-1)[0],width/2-ctx.measureText(lastName).width/2,height/5+mainFontSize/2);\n ctx.restore();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"drawArticle=function(ctx,article){\n ctx.save();\n ctx.font=mainFontSize/2+\"px Oswald\";\n if (articlesInBlack==\"On\")\n ctx.fillStyle=\"rgba(0,0,0,1)\";\n else if (2019-article.year<=2)\n ctx.fillStyle=\"rgba(255,223,143,1)\";\n else if (2019-article.year<=5)\n ctx.fillStyle=\"rgba(187,153,84,1)\";\n else if (2019-article.year<=8)\n ctx.fillStyle=\"rgba(172,140,72,1)\";\n else\n ctx.fillStyle=\"rgba(115,88,38,1)\";\n if (articleOutline==\"On\")\n ctx.strokeText(article.displayText,article.x,article.y);\n ctx.fillText(article.displayText,article.x,article.y);\n ctx.restore();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":796,"value":"function drawStripe(ctx,anim,alpha,size){\n ctx.save();\n ctx.globalAlpha=alpha;\n ctx.fillStyle=stripeColor;\n ctx.fillRect(0,anim.article.y-(2*mainFontSize/5+stripeMargin)*size,width,(mainFontSize/2+stripeMargin*2)*size);\n ctx.globalAlpha=1;\n ctx.restore();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"articlesOnScreen=5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"function addAuthors(ctx,anim){\n anim.article.authors.forEach(function(name){\n let color, mostRecentArticle=Math.max(...data[nameInput][name].map(d=>d.year));\n if (2019-mostRecentArticle<=2)\n color=\"rgba(255,223,143,1)\";\n else if (2019-mostRecentArticle<=5)\n color=\"rgba(187,153,84,1)\";\n else if (2019-mostRecentArticle<=8)\n color=\"rgba(172,140,72,1)\";\n else\n color=\"rgba(115,88,38,1)\";\n anim.articleText=new TextObject(width*Math.random(),-mainFontSize,0,name,ctx,color,data[nameInput][name].length-1);\n anim.add(anim.articleText);\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"class cloudPositions {\n constructor (copies, spread, noisescale) {\n [this.copies, this.spread,this.ns] = [copies,spread,noisescale];\n this.pos = [];\n for (let i = 0; i < copies; i++) {\n this.pos.push({x:Math.random()*spread*2-spread, \n y:Math.random()*spread*2-spread});\n }\n }\n update() {\n let [ns,sp] = [this.ns,this.spread];\n for (let p of this.pos) {\n p.x = Math.min(Math.max(p.x+Math.random()*ns*2-ns,-sp),sp);\n p.y = Math.min(Math.max(p.y+Math.random()*ns*2-ns,-sp),sp);\n }\n }\n *[Symbol.iterator] () {\n for (let p of this.pos) yield p;\n }\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"mutable data=0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"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":388,"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":385,"value":"unzip={\n return JSZip.loadAsync(zip);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"zip=d3.blob(\"https://rawcdn.githack.com/lucasbarcellosoliveira/fonts/1de7baba38df7c9bc4e30b0e49279ff8225518dc/data.zip\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"md`## UI Variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"viewof gravity = new View(0.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"viewof landscape = new View(true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":639,"value":"viewof spread = new View(24)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"viewof noiseScale = new View(3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"viewof copyOpacity = new View(0.3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"viewof velocityVariation = new View(20);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"viewof horizontalSpeed = new View(3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":765,"value":"viewof mainFontSize = new View(55)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"viewof stripeMargin = new View(5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":822,"value":"viewof collisionBoxMarginHorizontal = new View(1.2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"viewof collisionBoxMarginVertical = new View(1.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"viewof stripeFadeIn = new View(0.02)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":888,"value":"viewof stripeFadeOut = new View(0.02)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":926,"value":"viewof minDelay = new View(0) //previously, 100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":897,"value":"viewof maxDelay = new View(150)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"viewof exitProbability = new View(0.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1103,"value":"viewof inProbability = new View(0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"viewof thickening = new View(0.05)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"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].authors.push(d);\n else\n collaborations[key]={title:article.title,venue:article.venue,year:article.year,x:0,y:0,authors:[d],displayText:key};\n });\n });\n let ret=[];\n for (let article of Object.keys(collaborations))\n ret.push(collaborations[article]);\n return ret;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"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":378,"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":401,"value":"import {autoSelect,radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"import { View, bind, makeSlider, makeNumber, makeCheckbox } from \"@esperanc/inline-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"Matter =require('matter-js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"d3 = require (\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1054,"value":"stringSimilarity=require('https://bundle.run/string-similarity@3.0.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"md`## Live Polling From Keyboard\n## Available and Ready to Use in [This Notebook](https://observablehq.com/@lucasbarcellosoliveira/autocompleting-keyboard)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"mutable lastUserName = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"mutable allUserNames = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":935,"value":"pollUserNames = {\n while (true) {\n yield Promises.tick(1000, function () {\n let item = window.localStorage.getItem('KioskName');\n if (item) {\n if (item!=lastUserName) {\n mutable lastUserName = item;\n mutable allUserNames = allUserNames.concat([item]);\n mutable nameInput=item;\n }\n return item;\n }\n else {\n return html`No Data Yet`\n }\n }());\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 2e:"$2d:body"