29:null 2a:["$","title",null,{"children":"Visualizing Visualizers (OLD) | Lucas Barcellos Oliveira | Observable"}] 2f:T9fd,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)} 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:Ta25,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; 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:T606,class TextObject extends AnimObject { constructor (x, y, angle, txt, ctx, color, replicas=0) { 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,nameInput,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)%articles.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.size-=thickening; let allBodies=anim.allBodies(); if (!allBodies.length){ allAnim.splice(idx,1); while (addArticle(allAnim,showArticle)){ showArticle=(showArticle+1)%articles.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:T531,function addArticle(allAnim,articleidx){ let anim=createAnim(); anim.setup(); anim.article=articles[articleidx]; let authors=[...new Set(collaborators[articleidx])]; authors.splice(stringSimilarity.findBestMatch(nameInput,authors).bestMatchIndex,1); 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; allAnim.push(anim); return true; }34: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() \`\`\` `35:[] 2d:{"id":"b8913975bada0aa5","slug":"dblp-collaboration-network-database","title":"Visualizing Visualizers (OLD)","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2019-09-05T17:37:29.513Z","update_time":"$D2019-09-18T21:41:53.052Z","view_time":null,"first_public_time":"$D2019-09-12T00:46:00.053Z","has_unpublished_edits":null,"fork":{"id":"d885e00923508801","slug":"dblp-collaboration-network","title":"DBLP Collaboration Network","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":1414,"publish_version":1414,"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 (OLD)","cells":[{"id":0,"value":"md`# Visualizing Visualizers (OLD)\n## A DBLP Collaboration Network Visualization\n## for VISAP'19 with Database (v4)\nUsing September 8th 2019 raw data available in [https://dblp.uni-trier.de/xml/](https://dblp.uni-trier.de/xml/)`","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":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;\n mostRecentArticle=Math.max(...collaborators.reduce((arr, e, i) => ((e.includes(name)) && arr.push(i), arr), []).map(idx=>articles[idx].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 let text=new TextObject(width*Math.random(),-mainFontSize,0,name,ctx,color,collaborators.filter(d=>d.includes(name)).length-1);\n anim.add(text);\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":1115,"value":"database = DatabaseClient(\"dblp-proxy\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1209,"value":"articles=shuffleArray(await database.query(\"SELECT publication.idpublication, title, journal, year FROM publication JOIN author ON publication.idpublication=author.idpublication WHERE name=?\",[nameInput]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1214,"value":"collaborators={\n let ret=[];\n for (let i=0;id.name))\n return ret;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1119,"value":"//articles=database.query(\"SELECT publication.idpublication,title,journal,year FROM collaboration JOIN author ON collaboration.idauthor=author.idauthor JOIN publication ON publication.idpublication=collaboration.idpublication WHERE name=?\",[nameInput])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1139,"value":"//collaborators={\n// let ret=[];\n// for (let i=0;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":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":"$34","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!\n\n[Download .SQL File](https://drive.google.com/file/d/1aqWkKbufl16WfEfVQ5Kp9Gh1Ov7qo-QI/view?usp=sharing)\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":"$W35","stdlib":"1","titling":"auto"}} 2e:"$2d:body"