29:null 2a:["$","title",null,{"children":"Visualizing Visualizers | Lucas Barcellos Oliveira | Observable"}] 2f:T9ff,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 mainFontSize1)} ${bind (makeNumber ({min:1,max:100,step:2}), viewof mainFontSize1)} 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)} Thickening: ${bind (makeSlider ({min:0,max:0.2,step:0.05}), viewof thickening)} ${bind (makeNumber ({min:0,max:0.2,step:0.05}), viewof thickening)}`30:Td6f,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 }); ground.collisionFilter.category=2; lwall.collisionFilter.category=2; rwall.collisionFilter.category=2; ceiling.collisionFilter.category=2; // 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]); this.constraints=[]; }, // Adds another object to the animation add : function (obj, isStatic = false, noCollision=false, customFrictionAir=0) { 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 (customFrictionAir) box.frictionAir=customFrictionAir; if (!isStatic) box.obj = obj; //Matter.Body.setInertia(box,Infinity); if (noCollision) box.collisionFilter.mask=2; World.add(engine.world, [box]); return box; }, addConstraint : function(bodyA,bodyB){ let constraint=Matter.Constraint.create({bodyA:bodyA,bodyB:bodyB}); bodyB.otherBody=bodyA; constraint.stiffness=0.002; constraint.length=width/15; this.constraints.push(constraint); World.add(engine.world,[constraint]); }, allBodies : function () { return Composite.allBodies(engine.world).filter(o => o.obj); }, remove : function (box) { if (box.otherBody) Matter.Composite.remove(engine.world,box.otherBody); return Matter.Composite.remove(engine.world,box); }, // Renders one frame of the animation render : function (ctx) { this.constraints.forEach(function(c){drawConstraint(ctx,c);}); let bodies = Composite.allBodies(engine.world).filter(o => o.obj); for (let body of bodies) { let obj = body.obj; obj.render(ctx, body.position.x, body.position.y, body.angle); } } }; // run the engine but stop on invalidation Runner.start(runner,engine); // Cancel the runner and the renderer invalidation.then (function() { Runner.stop(runner); }); return anim; }31:T644,class TextObject extends AnimObject { constructor (x, y, angle, txt, ctx, color, replicas=0, sec=false) { let metrics = ctx.measureText(txt); let dx = metrics.width*collisionBoxMarginHorizontal; let dy = mainFontSize/2*collisionBoxMarginVertical; super (x, y, dx, dy, angle); this.txt = txt.toUpperCase(); this.color=color; this.copypos = new cloudPositions(replicas,Math.min(spread*replicas/8,spread),noiseScale); //this.replicas=replicas; //this.replicaPos=new Array(replicas); //for (let i=0;iwidth/8){ //circle's radius decreases drawCircle(ctx,r); r-=20; } else{ if (opacity<1){ //main name appears drawCircle(ctx); drawName(ctx,displayNameInput,opacity); opacity+=0.05; } else{ //resume with simulation setup and continuous animation break; } } } yield(frame++); } let allAnim=[], showArticle=0; while (addArticle(allAnim,showArticle)){ showArticle=(showArticle+1)%data.length; if (allAnim.length>articlesOnScreen) break; if (showArticle==0) break; } while (true) { ctx.clearRect(0, 0, width, height); allAnim.forEach(function(anim,idx){ anim.render(ctx); if (anim.constraint!=null) if (anim.constraint.bodyB.position.y>height){ anim.remove(anim.constraint.bodyB); anim.remove(anim.constraint); } if (!anim.offscreen){ if (anim.elapsed0) anim.size-=thickening; let allBodies=anim.allBodies(); if (!allBodies.length){ allAnim.splice(idx,1); if (allAnim.map(a=>a.articleidx).includes(showArticle)) return; while (addArticle(allAnim,showArticle)){ showArticle=(showArticle+1)%data.length; if (allAnim.length>articlesOnScreen) break; if (allAnim.map(a=>a.articleidx).includes(showArticle)) return; } } else for (let box of allBodies) if (box.position.y>dispawningDistance) anim.remove(box); } }); drawCircle(ctx); drawName(ctx,displayNameInput); yield (frame++); } }33:T4f7,function addArticle(allAnim,articleidx){ let anim=createAnim(); anim.setup(); anim.article=data[articleidx]; let authors=[...new Set(data[articleidx].authors)]; for (let i=0;iMath.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; anim.size=0; anim.delay=minDelay+maxDelay*Math.random(); anim.elapsed=0; anim.loaded=false; anim.articleidx=articleidx; allAnim.push(anim); return true; }34:T853,async function addAuthors(ctx,anim){ if (!anim.article.authors.length) return; let constrainedBody=[], constrainedText=[], constrainedIdx=[]; for (let i=0;id.authors).reduce((arr, e, i) => ((e.includes(name)) && arr.push(i), arr), []).map(idx=>data[idx].year)); if (2019-mostRecentArticle<=2) color="rgba(255,223,143,1)"; else if (2019-mostRecentArticle<=5) color="rgba(187,153,84,1)"; else if (2019-mostRecentArticle<=8) color="rgba(172,140,72,1)"; else color="rgba(115,88,38,1)"; let text=new TextObject(width*Math.random(),-mainFontSize*10,0,name,ctx,color,data.map(d=>d.authors).filter(d=>d.includes(name)).length-1); if (constrainedIdx.includes(idx)){ constrainedText.push(name); constrainedBody.push(anim.add(text)); } else anim.add(text); }); for (let i=0;i? AND a2.name NOT IN ("+collabs.map(d=>'"'+d+'"').join()+") ORDER BY RAND() LIMIT 1",[constrainedText[i],nameInput])).name; let extraName=(await database.queryRow("SELECT a2.name FROM author a1 JOIN author a2 ON a1.idpublication=a2.idpublication WHERE a1.name=? AND a2.name<>? AND a2.name NOT IN ("+anim.article.authors.map(d=>'"'+d+'"').join()+") ORDER BY RAND() LIMIT 1",[constrainedText[i],nameInput])).name; if (!extraName.length) return extraName=extraName.split(" "); if (!isNaN(extraName[extraName.length-1])) extraName=extraName.slice(0,extraName.length-1).join(" "); else extraName=extraName.join(" "); let extraBody=anim.add(new TextObject(width*Math.random(),-mainFontSize*10,0,extraName,ctx,secondaryColor,0,true),false,true,0.02); anim.addConstraint(constrainedBody[i],extraBody); } }35:T558,//function addAuthors(ctx,anim){ // let constrainedBody=null; // anim.article.authors.forEach(function(name){ // let color, mostRecentArticle; // mostRecentArticle=Math.max(...data.map(d=>d.authors).reduce((arr, e, i) => ((e.includes(name)) && arr.push(i), arr), //[]).map(idx=>data[idx].year)); // if (2019-mostRecentArticle<=2) // color="rgba(255,223,143,1)"; // else if (2019-mostRecentArticle<=5) // color="rgba(187,153,84,1)"; // else if (2019-mostRecentArticle<=8) // color="rgba(172,140,72,1)"; // else // color="rgba(115,88,38,1)"; // let text=new TextObject(width*Math.random(),-mainFontSize,0,name,ctx,color,data.map(d=>d.authors).filter(d=>d.includes(name)).length-1); // if (name==extra[anim.articleidx].neighbor) // constrainedBody=anim.add(text); // else // anim.add(text); // }); // if (Object.entries(extra[anim.articleidx]).length&&constrainedBody!=null){ // let extraName=extra[anim.articleidx].extra.split(" "); // if (!isNaN(extraName[extraName.length-1])) // extraName=extraName.slice(0,extraName.length-1).join(" "); // else // extraName=extraName.join(" "); // let extraBody=anim.add(new TextObject(width*Math.random(),-mainFontSize,0,extraName,ctx,"rgba(255,255,255,0.25)",0,true),false,true,0.02); // anim.addConstraint(constrainedBody,extraBody); // } //}36:T793,md` \`\`\`python from lxml import etree import mysql.connector import gc connection=mysql.connector.connect(user="root",password="root",database="dblp") cursor=connection.cursor() add_publication="INSERT INTO publication (idpublication,title,journal,year) VALUES (%s,%s,%s,%s)" add_author="INSERT INTO author (idauthor,idpublication,name) VALUES (%s,%s,%s)" dtd=etree.DTD("dblp.dtd") publ=[] auth=[] publication_id=0 author_id=0 for event,element in etree.iterparse("dblp.xml",load_dtd=True): if element.text=="\\n": #elements article, book, inproceedings etc. publication_type=element.tag publication_authors=[] publication_title=None publication_journal=None publication_year=None for child in element: if child.tag=="author": publication_authors+=[child.text] elif child.tag=="title": publication_title=child.text elif child.tag=="journal": publication_journal=child.text elif child.tag=="year": publication_year=child.text try: assert(publication_title) assert(publication_journal) assert(publication_year) assert(publication_authors) except: continue publication_id+=1 publ+=[(publication_id,publication_title,publication_journal,publication_year)] for i in publication_authors: author_id+=1 auth+=[(author_id,publication_id,i)] if len(publ)>1000: cursor.executemany(add_publication,publ) publ=[] gc.collect() if len(auth)>1000: cursor.executemany(add_author,auth) auth=[] gc.collect() if publ: cursor.executemany(add_publication,publ) if auth: cursor.executemany(add_author,auth) connection.commit() cursor.close() connection.close() \`\`\` `37:[] 2d:{"id":"0e6104b173bde9a2","slug":"visualizing-visualizers","title":"Visualizing Visualizers","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2019-09-14T21:58:27.287Z","update_time":"$D2019-10-16T23:42:19.678Z","view_time":null,"first_public_time":"$D2019-09-18T21:39:25.017Z","has_unpublished_edits":null,"fork":{"id":"b8913975bada0aa5","slug":"dblp-collaboration-network-database","title":"Visualizing Visualizers (OLD)","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":1586,"publish_version":1586,"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":1,"collection":{"id":"9145685b152dbd76","slug":"dblp-visap-2019","title":"DBLP - VISAP 2019","owner":{"id":"78ed5d16c7b764e3","login":"lucasbarcellosoliveira","name":"Lucas Barcellos Oliveira"}},"type":"notebook","body":{"title":"Visualizing Visualizers","cells":[{"id":0,"value":"md`# Visualizing Visualizers\n## A DBLP Collaboration Network Visualization\n## for VISAP'19 with Database (v4)\n## (Extra: with 2nd degree collaborators)\nUsing September 8th 2019 raw data available in [https://dblp.uni-trier.de/xml/](https://dblp.uni-trier.de/xml/)\n\nFor more information, please check out this [article](https://labvis.eba.ufrj.br/en/projetos/visualizing-visualizers-collaboration-networks-in-dblp/) in our lab's website.`","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=\"Sheelagh Carpendale\"","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":1575,"value":"secondaryColor=\"rgba(50,50,50,1)\"","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":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 ctx.fillStyle=\"rgba(0,0,0,1)\";\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=\"rgba(255,136,0,0.75)\";\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":1525,"value":"function drawConstraint(ctx,constraint){\n ctx.save();\n ctx.strokeStyle=secondaryColor;\n ctx.lineCap=\"round\";\n ctx.beginPath();\n ctx.moveTo(constraint.bodyA.position.x,constraint.bodyA.position.y);\n ctx.lineTo(constraint.bodyB.position.x,constraint.bodyB.position.y);\n ctx.stroke();\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":1557,"value":"numberOf2ndDegreeCollaborators=2","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":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1555,"value":"$35","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":1115,"value":"database = DatabaseClient(\"dblp-proxy-laptop\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1550,"value":"data=(await database.query(\"SELECT title, journal, year, GROUP_CONCAT(a2.name) authors FROM publication JOIN author a1 ON publication.idpublication=a1.idpublication JOIN author a2 ON a1.idpublication=a2.idpublication WHERE a1.name=? GROUP BY publication.idpublication ORDER BY RAND()\",[nameInput])).map(d=>{let aux=d.authors.split(\",\");aux.splice(stringSimilarity.findBestMatch(nameInput,aux).bestMatchIndex,1);d.authors=aux;return d;})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1563,"value":"//collabs=[...new Set(data.map(d=>d.authors).reduce(function(a,b){return a.concat(b);}))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1539,"value":"//extra={\n// let ret=[];\n// for (let i=0;i? AND a2.name<>? ORDER BY RAND() LIMIT 1\",[n,nameInput,n]));\n// if (!extra.length){\n// ret.push({});;\n// continue;\n// }\n// ret.push({neighbor:n,extra:extra[0].name})\n// }\n// return ret;\n//}","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 mainFontSize1 = new View(55)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1578,"value":"mainFontSize=mainFontSize1*width/954","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1577,"value":"extraFontSize=mainFontSize*22/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":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":401,"value":"import {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":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"},{"id":1322,"value":"md`## Parser from XML file to MySQL 8.0.17 database`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1327,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1344,"value":"md`## Structure and Data Dump (.SQL File)\nSchema and indexes not included! MySQL 8 was used.\n\n[Download .SQL File](https://drive.google.com/file/d/1aqWkKbufl16WfEfVQ5Kp9Gh1Ov7qo-QI/view?usp=sharing)\n\n[Download retrocompatible .SQL File](https://drive.google.com/file/d/1WS2UT9ZFmyqwZBBE0tQBUvj3wFa7ySbP/view?usp=sharing) (Used ALTER TABLE tablename CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;)\n\nIt is highly advised to import all structure and data using the file above first and then manually create an index for column 'name' and another for column 'idarticle' of table 'author', as the import process would take much longer if indexes were predefined.\n\nIdeally, an associative entity should be used for the many-to-many relationship between publication and author. However, the parsing would be much more time consuming.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 2e:"$2d:body"