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:T585,32: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; }33:[] 2e:{"title":"Curadoria de artefatos","cells":[{"id":0,"value":"# Curadoria de artefatos\n### VISSE - Laboratório de Visualização e Sentidos do Nordeste","pinned":false,"hidden":false,"mode":"md"},{"id":1028,"value":"// custombuttons(mostpalavraschave)\nnavexemplos = html`${custombuttonsduo(\n [\"tudo\", ...base, ...mostpalavraschaveselect],\n [\" \", ...basetrans, ...mostpalavraschaveselect]\n)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1241,"value":"mostpalavraschaveselect","pinned":true,"hidden":false,"mode":"ojs"},{"id":1226,"value":"// custombuttons(mostpalavraschave)\nold_navexemplos = html`${custombuttonsduo(\n palavraschavesarbitrarias,\n palavrasearcharbitrarias\n)}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":240,"value":"viewof filtros = Inputs.text({\n placeholder: \"Ex: infografia, dataviz, mapas, desitydesign, ecologia\"\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":987,"value":"contexto = html`${incluivideo(filtros)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":901,"value":"curadoria = html`${ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1120,"value":"autores = html`${customlink(relacaoautores)}`","pinned":true,"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":"materiais = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1d9eKw82lnM5GvVkBUe8wLcHSxpmDm5B6dUqWRbazOik/edit#gid=34423500\"\n )\n)","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 (arr[i].tipologia == \"Artefato\") {\n let k = arr[i].palavraschaves.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":1219,"value":"tags_novo = function (arr) {\n let keyw = [];\n\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].tipologia == \"Artefato\") {\n let k = arr[i].tags.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":1127,"value":"listautores = function (arr) {\n let keyw = [];\n\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].tipologia == \"Artefato\") {\n let k = arr[i].autoria.split(\",\");\n\n for (let n = 0; n < k.length; n++) {\n let chave = k[n].trim();\n if (chave != \"\" && chave.match(/\\d\\d\\d\\d/) == null) {\n if (typeof keyw[chave] === \"undefined\") {\n keyw[chave] = 1;\n } else {\n keyw[chave]++;\n }\n }\n }\n }\n }\n\n let nomes = [];\n\n for (let n in keyw) {\n nomes.push(n);\n }\n\n return nomes;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1136,"value":"relacaoautores = listautores(matselect)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1034,"value":"medekeywords = keywords(materiais)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1202,"value":"medekeywordsselect = tags_novo(matselect)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1205,"value":"mostpalavraschaveselect = top10keywords(medekeywordsselect)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1245,"value":"medekeywordsselect","pinned":true,"hidden":false,"mode":"ojs"},{"id":1236,"value":"mostpalavraschaveselect","pinned":true,"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 let tamanho = 10;\n if (Object.keys(arrdesord).length < 10) {\n tamanho = Object.keys(arrdesord).length;\n }\n\n for (let i = 0; i < tamanho; 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":1199,"value":"mostpalavraschave","pinned":true,"hidden":false,"mode":"ojs"},{"id":1064,"value":"mostpalavraschave = top10keywords(medekeywords)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1109,"value":"palavraschavesarbitrarias = [\n \"infografia\",\n \"componente de dataviz\",\n \"narrativa com interação\",\n \"narrativa com dados\",\n \"narrativa interativa com dataviz\",\n \"interfaces de dados\",\n \"fisicalização\",\n \"feito a mão\",\n \"exóticos\",\n \"dataviz impresso\",\n \"cartografia\",\n \"histórico\",\n \"cultura\",\n \"ecologia\",\n \"saúde\",\n \"comportamento\",\n \"Malofiej\",\n \"Corriere della sera\",\n \"Reuters\",\n \"New York Times\",\n \"Scientifc American\",\n \"Superinteressante\",\n \"Folha de S.Paulo\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1207,"value":"base = [\n \"infografia\",\n \"componente de dataviz\",\n \"narrativa com interação\",\n \"narrativa com dados\",\n \"narrativa interativa com dataviz\",\n \"interfaces de dados\",\n \"fisicalização\",\n \"feito a mão\",\n \"exóticos\",\n \"dataviz impresso\",\n \"cartografia\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1209,"value":"basetrans = [\n \"infografia\",\n \"_cpdv\",\n \"_nixd\",\n \"_ndl\",\n \"_nixddl\",\n \"_dataui\",\n \"_dataphys\",\n \"feito a mão\",\n \"exóticos\",\n \"dataviz impressa\",\n \"cartografia\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1197,"value":"todaspalavras = keywords(matselect)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1160,"value":"palavrasearcharbitrarias = [\n \"infografia\",\n \"_cpdv\",\n \"_nixd\",\n \"_ndl\",\n \"_nixddl\",\n \"_dataui\",\n \"_dataphys\",\n \"feito a mão\",\n \"exóticos\",\n \"datavizimpresso\",\n \"cartografia\",\n \"histórico\",\n \"cultura\",\n \"ecologia\",\n \"saúde\",\n \"comportamento\",\n \"Malofiej\",\n \"Corriere della sera\",\n \"Reuters\",\n \"New York Times\",\n \"Scientifc American\",\n \"Superinteressante\",\n \"Folha de S.Paulo\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":898,"value":"viewof matselect = Inputs.search(materiais, {\n label: \"matselect\",\n placeholder: \"Nenhum filtro\",\n query: \"Artefato \" + vazio(filtros, shadowfiltro),\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 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}","pinned":false,"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":1157,"value":"custombuttonsduo = function (arr, arrB) {\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(arrB[i]);\n };\n }\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1117,"value":"customlink = function (arr) {\n let istalink = [];\n\n for (let i = 0; i < arr.length; i++) {\n istalink[i] = html`

${arr[i]}

, `;\n\n istalink[i].onclick = function () {\n acionasearch(arr[i]);\n };\n }\n\n return istalink;\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":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":"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 html += `

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

\";\n if (c > 0) {\n htmlfinal = html;\n }\n return htmlfinal;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1089,"value":"alt_ferramenta_mats = function (arr) {\n let 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":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1094,"value":"curadoriaAlt = html`${alt_ferramenta_mats(matselect)}`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}