30:T40a,VideoGridParseURL = function (url) { // - Supported YouTube URL formats: // - http://www.youtube.com/watch?v=My2FRPA3Gf8 // - http://youtu.be/My2FRPA3Gf8 // - https://youtube.googleapis.com/v/My2FRPA3Gf8 // - https://m.youtube.com/watch?v=My2FRPA3Gf8 // - Supported Vimeo URL formats: // - http://vimeo.com/25451551 // - http://player.vimeo.com/video/25451551 // - Also supports relative URLs: // - //player.vimeo.com/video/25451551 let tipovideo = "none"; if (url.indexOf("youtu") <= -1 && url.indexOf("vimeo") <= -1) { return { type: "none", id: "none" }; } else { url.match( /(http:|https:|)\/\/(player.|www.|m.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/ ); if (RegExp.$3.indexOf("youtu") > -1) { tipovideo = "youtube"; } if (RegExp.$3.indexOf("vimeo") > -1) { tipovideo = "vimeo"; } return { type: tipovideo, id: RegExp.$6 }; } }31:T87c,32:T421,ferramenta_mats = function (arr) { let html = "

"; let htmlfinal = ""; let c = 0; let tipovideo = ""; for (let k = 0; k < arr.length; k++) { c++; if (arr[k].imagemurl.indexOf("youtu") >= 0) { arr[k].imagemurl2 = youtubeImage(arr[k].imagemurl); } else { arr[k].imagemurl2 = arr[k].imagemurl; } if (arr[k].link == "" || typeof arr[k].link === "undefined") { html += ``; } else { html += ``; } if (arr[k].link.indexOf("youtu") >= 0) { html += `

${arr[k].titulo}`; } html += ``; } html += "

"; if (c > 0) { htmlfinal = html; } return htmlfinal; }33:T590,incluivideo = function (filtro) { let html = ""; if (filtro == "") { html += `
Visualização de dados com sotaque brasileiro, organizada e apresentada por Rodrigo Medeiros no DataVis Lisboa, 2020.
Série de textos no datvizbr: Parte 1 | Parte 2 | Parte 3 | Parte 4 | Final

`; } else { html = ""; } return html; }34:Td7e,lista = function (arr) { let code = `

Título

AFFECTIVE COMPUTING

BIOHACKING

CREATIVE CODING

ARTEFATOS NARRATIVOS

GAMES

HÁPTICOS

TANGÍVEIS

RECONHECIMENTO DE PADRÕES

VIDEO MAPPING

INSTALAÇÕES

PERFORMANCES

CINÉTICOS

COMPUTAÇÃO FÍSICA

WEARABLES

INTERNET DAS COISAS

QUANTIFIED SELF

REALIDADE VIRTUAL

REALIDADE AUMENTADA

INTELIGÊNCIA ARTIFICIAL

CRIATIVOS

TRANSFORMADORES

EMOCIONAIS

LÚDICOS

IMERSIVOS

HIPNÓTICOS

SUBLIMES

PRAZEIROSOS

VISCERAIS

COMPORTAMENTAIS

REFLEXIVOS

`; for (let i = 0; i < arr.length; i++) { if (typeof arr[i].titulo != "undefined" && arr[i].titulo != "") { code += ` ${arr[i].titulo}

`; } } return code; }35:[] 2e:{"title":"Além do Sandbox","cells":[{"id":0,"value":"# Além do Sandbox","pinned":false,"hidden":false,"mode":"md"},{"id":1181,"value":"textointro = html`\n\n

Mapeamento de artefatos para observação de marcadores de \"Experiência\" (2013 - 2022)
\nPlanilha contendo os dados | Dados em formato JSON

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1028,"value":"navexemplos = html`${custombuttons(mostpalavraschave)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":240,"value":"viewof filtros = Inputs.text({\n placeholder: \"Termo ou critério\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":978,"value":"stats = md`Exibindo **${matselect.length}** artefatos de **${materiais.length}** catalogados`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1086,"value":"

","pinned":false,"hidden":false,"mode":"md"},{"id":901,"value":"curadoria = html`${ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"
\n
\n
\n\n------------------\n## Apêndice","pinned":false,"hidden":false,"mode":"md"},{"id":29,"value":"#### 1. Captura dos dados da planilha","pinned":false,"hidden":false,"mode":"md"},{"id":33,"value":"##### Função que captura dados do banco","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"import { getcsvdata, GoogleSheetCsvURL } from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":777,"value":"rawmateriais = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1CokYfVei8hLi2IOQAxZWsq1YlWB6p0xK5IWLoQ_pcC8/edit#gid=0\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1130,"value":"materiais = limpa(rawmateriais)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1032,"value":"keywords = function (arr) {\n let keyw = [];\n\n for (let i = 0; i < arr.length; i++) {\n if (\n typeof arr[i][\"CRITÉRIOS_TEXTO\"] != \"undefined\" &&\n arr[i][\"CRITÉRIOS_TEXTO\"] != null\n ) {\n let k = arr[i][\"CRITÉRIOS_TEXTO\"].split(\",\");\n\n for (let n = 0; n < k.length; n++) {\n let chave = k[n].trim();\n if (chave != \"\") {\n if (typeof keyw[chave] === \"undefined\") {\n keyw[chave] = 1;\n } else {\n keyw[chave]++;\n }\n }\n }\n }\n }\n\n return keyw;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1034,"value":"medekeywords = keywords(materiais)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1060,"value":"top10keywords = function (arrdesord) {\n let arr = getSortedKeys(arrdesord);\n\n let newarr = [];\n let or = 0;\n\n for (let i = 0; i < 29; i++) {\n if (arr[i] != \"stared\" && arr[i] != \"init4\") {\n newarr[or] = arr[i];\n or++;\n }\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1064,"value":"mostpalavraschave = top10keywords(medekeywords)","pinned":false,"hidden":false,"mode":"ojs"},{"id":898,"value":"viewof matselect = Inputs.search(materiais, {\n label: \"matselect\",\n placeholder: \"Nenhum filtro\",\n query: filtros,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":934,"value":"vazio = function (dado, shadow) {\n if (dado == \"\" && shadow == \"\") {\n return \"stared\";\n } else {\n return dado + \" \" + shadow;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":960,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"youtubeImage = function (url) {\n /*\n var thumbSplit = \"\";\n var retorno = \"\";\n var thumbSRC;\n */\n\n let videoDetails = VideoGridParseURL(url);\n let videoType = videoDetails.type;\n let videoID = videoDetails.id;\n\n return \"https://img.youtube.com/vi/\" + videoID + \"/0.jpg\";\n\n /*\n\n if (url.indexOf(\"vimeo\") >= 0) {\n let arqid = xpto.match(/[0-1].*$/)[0];\n\n // http://vimeo.com/api/v2/video/6271487.xml\n\n fetch(\"http://vimeo.com/api/v2/video/\" + arqid + \".json\")\n .then((response) => response.json())\n .then((dados) => {\n return dados[0][\"thumbnail_large\"];\n });\n }\n */\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1188,"value":"xpto = \"https://player.vimeo.com/video/138790270\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1190,"value":"teste = xpto.match(/[0-1].*$/)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1020,"value":"function set(input, value) {\n input.value += value + \" \";\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1023,"value":"acionasearch = function (nome) {\n set(viewof filtros, nome);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1026,"value":"custombuttons = function (arr) {\n let button = [];\n\n for (let i = 0; i < arr.length; i++) {\n button[i] = html`

${arr[i]}

`;\n\n button[i].onclick = function () {\n acionasearch(arr[i]);\n };\n }\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1040,"value":"getSortedKeys = function (obj) {\n var keys = Object.keys(obj);\n return keys.sort(function (a, b) {\n return obj[b] - obj[a];\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1127,"value":"limpa = function (arr) {\n let newarr = [];\n let c = 0;\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].titulo != \"\" && arr[i].titulo != \"undefined\") {\n newarr[c] = arr[i];\n c++;\n }\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1104,"value":"viewof shadowfiltro = Inputs.text({\n placeholder: \"Ex: infografia, dataviz, mapas, desitydesign, ecologia\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"
\n#### 2. Blocos HTML","pinned":false,"hidden":false,"mode":"md"},{"id":225,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":784,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1089,"value":"alt_ferramenta_mats = function (arr) {\n let html = \"

\";\n let htmlfinal = \"\";\n let c = 0;\n let tipovideo = \"\";\n\n for (let k = 0; k < arr.length; k++) {\n c++;\n\n if (arr[k].imagemurl.indexOf(\"youtu\") >= 0) {\n arr[k].imagemurl2 = youtubeImage(arr[k].imagemurl);\n } else {\n arr[k].imagemurl2 = arr[k].imagemurl;\n }\n\n if (arr[k].link == \"\" || typeof arr[k].link === \"undefined\") {\n html += ``;\n } else {\n html += ``;\n }\n\n if (arr[k].link.indexOf(\"vimeo\") >= 0) {\n html += ``;\n } else {\n html += `

`;\n }\n\n html += ``;\n }\n\n html += \"

\";\n if (c > 0) {\n htmlfinal = html;\n }\n return htmlfinal;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":985,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1154,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1160,"value":"resultadolinsta = html`${lista(matselect)}`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}