31:[] 2f:{"title":"Gráficos SVG com dados online","cells":[{"id":0,"value":"# Gráficos SVG com dados online","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"
\nCapturando os dados de uma planilha do Google Sheet no formato JSON","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"meusdados = d3.json(\n \"https://opensheet.elk.sh/1tQTYk3-JoPGl1DUEl80-ZkO0Qf9pZl7JjDjif-1mFRA/MeusDados\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"função que constrói um SVG a partir dos dados carregados\n\n*detalhe*: a função constroi um svg, mas não coloca o svg na tela.","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"meugrafico = function (arr) {\n let s = ``;\n\n return s;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"Função que identifica/define o tamanho de cada coluna","pinned":false,"hidden":false,"mode":"md"},{"id":36,"value":"tamanho = function (arr) {\n let t = 0;\n\n t = 500 / arr.length;\n\n return t;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"Calcula a porcentagem em relação ao tamanho do Height do SVG","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"altura = function (vlr) {\n let meufloat = parseFloat(vlr);\n\n let valorfinal = 500 * (meufloat / 100);\n\n return valorfinal;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"Função para usar uma palette","pinned":false,"hidden":false,"mode":"md"},{"id":91,"value":"minhapalette = function (vlr) {\n if (parseInt(vlr) < 40) {\n return 0;\n }\n\n if (parseInt(vlr) >= 40 && parseInt(vlr) < 70) {\n return 100;\n }\n\n if (parseInt(vlr) >= 70) {\n return 200;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"Executando a função meugrafico dentro de um contexto HTML (para que o SVG apareça na tela)","pinned":false,"hidden":false,"mode":"md"},{"id":24,"value":"xpto = html`${meugrafico(meusdados)}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":76,"value":"teste = meugrafico(meusdados)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}