{"id":131,"date":"2013-07-31T19:39:07","date_gmt":"2013-07-31T19:39:07","guid":{"rendered":"https:\/\/dev.cardume.art.br\/toolkit\/?p=131"},"modified":"2014-10-31T20:33:45","modified_gmt":"2014-10-31T20:33:45","slug":"grafico-sobre-desmatamento-com-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/","title":{"rendered":"Gr\u00e1fico sobre desmatamento com Adobe Illustrator"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p><\/p>\n<p>Neste tutorial vamos ver como fazer um gr&aacute;fico de colunas a partir de dados de uma tabela e personaliz&aacute;-lo com alguns &iacute;cones.<!--more--><\/p>\n<h2 id=\"introducao\" class=\"summary-item\"><a href=\"#introducao\">Introdu&ccedil;&atilde;o<\/a><\/h2>\n<p>O <a title=\"Adobe Illustrator\" href=\"https:\/\/geojournalism.org\/tools\/adobe-illustrator\/\">Adobe Illustrator<\/a> &eacute; uma ferramenta de desenho que pode tamb&eacute;m ser utilizada na constru&ccedil;&atilde;o de gr&aacute;ficos est&aacute;ticos simples. Embora suas op&ccedil;&otilde;es sejam limitadas (barra, linha, &aacute;rea, scatterplot, pizza e radar), suas possibilidades de customiza&ccedil;&atilde;o de cor, tipografia e outros elementos visuais fazem dele um software bastante popular.<\/p>\n<p>Neste tutorial vamos ver como fazer um gr&aacute;fico de colunas a partir de dados de uma tabela e personaliz&aacute;-lo com alguns &iacute;cones.<\/p>\n<h2 id=\"comecando-um-novo-documento\" class=\"summary-item\"><a href=\"#comecando-um-novo-documento\">Come&ccedil;ando um novo documento<\/a><\/h2>\n<p>No menu superior, selecione arquivo &gt; novo. Nomeie o arquivo e mantenha as configura&ccedil;&otilde;es padr&atilde;o de tamanho (A4), alterando apenas a orienta&ccedil;&atilde;o da p&aacute;gina para &ldquo;paisagem&rdquo;.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\" width=\"717\" height=\"578\"><\/p>\n<h2 id=\"ferramentas\" class=\"summary-item\"><a href=\"#ferramentas\">Ferramentas<\/a><\/h2>\n<p>Se voc&ecirc; nunca usou o Illustrator antes, n&atilde;o se assuste: s&atilde;o poucas as ferramentas de que vamos precisar.<br>\nA primeira &eacute; a ferramenta gr&aacute;fico de colunas. Selecione ela e depois clique e arraste definindo uma &aacute;rea sobre o documento, que ser&aacute; o tamanho do seu gr&aacute;fico.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator02.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator02-144x1024.png\" width=\"86\" height=\"614\"><\/a><\/p>\n<h2 id=\"adicionando-os-dados\" class=\"summary-item\"><a href=\"#adicionando-os-dados\">Adicionando os dados<\/a><\/h2>\n<p>Assim que voc&ecirc; definir a &aacute;rea do seu gr&aacute;fico, uma janela aparecer&aacute; com uma tabela em branco. Vamos usar os dados totais de desflorestamento da Amaz&ocirc;nia Legal de 2004 a 2012, medidos pelo <a href=\"https:\/\/www.obt.inpe.br\/prodes\/index.php\" target=\"_blank\">PRODES<\/a>. Voc&ecirc; pode selecionar a linha com os n&uacute;meros correspondentes (apenas os totais, sem a taxa de varia&ccedil;&atilde;o ou os n&uacute;meros por Estado) e colar direto na janela do Illustrator.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator03.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-242\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator03-1024x385.png\" width=\"614\" height=\"231\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator03-1024x385.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator03-300x112.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator03.png 1758w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<p>Cole os dados na segunda linha. Vamos usar a primeira linha para inserir a legenda dos anos.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator04.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-243\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator04-1024x267.png\" width=\"614\" height=\"160\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator04-1024x267.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator04-300x78.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator04.png 1380w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<p>Para que o software interprete os n&uacute;meros dos anos como legendas, e n&atilde;o valores, eles precisam estar entre aspas.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator05.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-244\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator05-1024x267.png\" width=\"614\" height=\"160\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator05-1024x267.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator05-300x78.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator05.png 1380w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<p>Por &uacute;ltimo, inverta os valores de linha e coluna selecionando <i>transpor linha\/coluna<\/i>.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator06.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-245\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator06.png\" width=\"540\" height=\"301\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator06.png 900w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator06-300x167.png 300w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>Clicando no bot&atilde;o <i>aplicar<\/i> ou salvando as altera&ccedil;&otilde;es ao fechar a janela, o gr&aacute;fico de colunas vai ser desenhado.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator07.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-246\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator07-1024x549.png\" width=\"614\" height=\"329\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator07-1024x549.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator07-300x160.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator07.png 1596w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<h2 id=\"formatando-o-grafico\" class=\"summary-item\"><a href=\"#formatando-o-grafico\">Formatando o gr&aacute;fico<\/a><\/h2>\n<p>Voc&ecirc; pode alterar as legendas e cores do seu gr&aacute;fico usando a ferramenta <i>sele&ccedil;&atilde;o direta<\/i>. Use a ferramenta <i>sele&ccedil;&atilde;o<\/i> apenas se quiser mover o gr&aacute;fico inteiro.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator08.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-247\" alt=\"illustrator08\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator08.png\" width=\"101\" height=\"111\"><\/a><\/p>\n<p>Ao selecionar um elemento, a barra superior exibir&aacute; suas caracter&iacute;sticas que podem ser alteradas (cores, fonte, tamanho da fonte, contorno etc).<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator09.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-248\" alt=\"illustrator09\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator09-1024x49.png\" width=\"717\" height=\"34\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator09-1024x49.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator09-300x14.png 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/a><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator09.png\"><br>\n<\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-249\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator10-1024x577.png\" width=\"645\" height=\"364\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator10-1024x577.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator10-300x169.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator10.png 1312w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/a><\/p>\n<p>Aqui, um aviso: n&atilde;o desagrupe o gr&aacute;fico (<i>Objeto<\/i> &gt; <i>Desagrupar<\/i>). Embora isso te permita alterar mais facilmente os elementos isoladamente, voc&ecirc; perder&aacute; a capacidade de editar os dados e outras op&ccedil;&otilde;es de formata&ccedil;&atilde;o dele.<\/p>\n<h2 id=\"inserindo-imagens\" class=\"summary-item\"><a href=\"#inserindo-imagens\">Inserindo imagens<\/a><\/h2>\n<p>Voc&ecirc; pode customizar seu gr&aacute;fico para que ele exiba imagens ao inv&eacute;s de colunas. Qualquer imagem desenhada no Illustrator vai funcionar para isso. No nosso caso, vamos usar um &iacute;cone &agrave; disposi&ccedil;&atilde;o para download no site <a href=\"https:\/\/thenounproject.com\/noun\/tree\/#icon-No2429\" target=\"_blank\">NounProject<\/a>. A licen&ccedil;a desse desenho &eacute; livre para uso, modifica&ccedil;&atilde;o e reprodu&ccedil;&atilde;o. Alguns outros desenhos do site podem impor restri&ccedil;&otilde;es de uso que variam da obrigatoriedade de citar o autor at&eacute; a proibi&ccedil;&atilde;o de uso comercial, fique atento para isso quando fizer novas pesquisas.<\/p>\n<p>Ao descompactar o <i>.zip<\/i> do site, voc&ecirc; encontrar&aacute; um arquivo <i>.svg<\/i>. Esse &eacute; um tipo de arquivo vetorial, portanto escalon&aacute;vel, bastante comum. Abra ele no Illustrator, clique na &aacute;rvore com a ferramenta <i>sele&ccedil;&atilde;o<\/i> e cole-a no arquivo que cont&eacute;m o gr&aacute;fico.<\/p>\n<p>Voc&ecirc; pode alterar as cores desse desenho da mesma forma que fizemos com as colunas antes. Aqui, vou deixar a &aacute;rvore verde e sem contorno:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-250\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator11.png\" width=\"104\" height=\"94\"><\/a><\/p>\n<p><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-251\" alt=\"illustrator12\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator12.png\" width=\"168\" height=\"188\"><\/a><\/p>\n<p>Agora, selecione a &aacute;rvore e use o comando <i>Objeto<\/i> &gt; <i>Gr&aacute;fico<\/i> &gt; <i>Design<\/i>, no menu superior. Na caixa de di&aacute;logo <i>Design<\/i>, selecione <i>Novo design<\/i>.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-252\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator13.png\" width=\"546\" height=\"611\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator13.png 910w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator13-268x300.png 268w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/a><\/p>\n<h2 id=\"aplicando-imagens-no-grafico\" class=\"summary-item\"><a href=\"#aplicando-imagens-no-grafico\">Aplicando imagens no gr&aacute;fico<\/a><\/h2>\n<p>Clique sobre o gr&aacute;fico com a ferramenta <i>sele&ccedil;&atilde;o<\/i>, clique novamente com o bot&atilde;o direito e selecione <i>Coluna<\/i>. Selecione seu gr&aacute;fico na lista do lado esquerdo. A partir da&iacute;, existem 4 op&ccedil;&otilde;es para aplicar o &iacute;cone nas colunas: as duas primeiras v&atilde;o redimensionar o desenho (distorcendo ou n&atilde;o). Na &uacute;ltima, apenas um peda&ccedil;o do &iacute;cone &eacute; redimensionado, fazendo ele se &ldquo;esticar&rdquo; at&eacute; a altura da barra. Vamos usar a 3&ordf; op&ccedil;&atilde;o, onde os s&iacute;mbolos v&atilde;o sendo repetidos de acordo com o valor da coluna. Na segunda caixa, selecione o valor que cada &iacute;cone vai representar. Observando os n&uacute;meros da nossa lista, que v&atilde;o de aproximadamente 4500 a 27000, podemos usar 5000 como unidade. A &uacute;ltima op&ccedil;&atilde;o especifica se valores fracionados a partir da unidade definida (5000) v&atilde;o ser representados por um desenho cortado ou dimensionado. Vamos ficar com a primeira op&ccedil;&atilde;o.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator14.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-253\" alt=\"Gr&aacute;fico sobre desmatamento com Adobe Illustrator\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator14-1024x577.png\" width=\"614\" height=\"346\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator14-1024x577.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator14-300x169.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator14.png 1322w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<h2 id=\"finalizando-a-formatacao\" class=\"summary-item\"><a href=\"#finalizando-a-formatacao\">Finalizando a formata&ccedil;&atilde;o<\/a><\/h2>\n<p>Voc&ecirc; pode acessar outras op&ccedil;&otilde;es de fornata&ccedil;&atilde;o do gr&aacute;fico &mdash; inclusive mudando o gr&aacute;fico inteiro para uma das outras formas pr&eacute;-definidas, como gr&aacute;fico de pizza &mdash;, clicando com o bot&atilde;o direito sobre ele e selecionando <i>Tipo.<\/i> Nesse caso, vamos alterar apenas alguns detalhes dos eixos x e y para melhorar a legibilidade.<\/p>\n<p>No menu <i>Eixo de valor<\/i>, altere as <i>marcas de escala<\/i> de forma que elas ocupem toda a largura do gr&aacute;fico. Como n&atilde;o estamos escrevendo os valores sobre as colunas, essas marca&ccedil;&otilde;es v&atilde;o ajudar a melhorar sua leitura.<\/p>\n<p>No menu <i>Eixo de categoria<\/i>, retire as marcas de escala, j&aacute; que as colunas j&aacute; s&atilde;o o suficiente para dividir os anos.<\/p>\n<p>Por fim, deixe um pouco mais clara a cor das marcas horizontais, para que elas interfiram menos sobre seu desenho. E adicione o t&iacute;tulo com a ferramenta <i>texto <\/i>(ele ser&aacute; um elemento separado do gr&aacute;fico):<\/p>\n<p><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator15.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-254\" alt=\"illustrator15\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator15.png\" width=\"60\" height=\"50\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator16.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-255\" alt=\"illustrator16\" src=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator16-1024x677.png\" width=\"614\" height=\"406\" srcset=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator16-1024x677.png 1024w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator16-300x198.png 300w, https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator16.png 1294w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<h2 id=\"conclusao\" class=\"summary-item\"><a href=\"#conclusao\">Conclus&atilde;o<\/a><\/h2>\n<p>Embora o esfor&ccedil;o para gerar um gr&aacute;fico no Illustrator possa parecer grande &agrave; primeira, as op&ccedil;&otilde;es de desenho e personaliza&ccedil;&atilde;o compensam a tentativa. Esse tutorial apresenta apenas uma introdu&ccedil;&atilde;o &agrave; ferramenta de gr&aacute;ficos. Se n&atilde;o estiver confiante o bastante para come&ccedil;ar tudo do zero, baixe o arquivo <i>.ai <\/i>desse exemplo e altere o que achar necess&aacute;rio.Tente explorar outras op&ccedil;&otilde;es clicando com o bot&atilde;o direito sobre o gr&aacute;fico. Voc&ecirc; poder&aacute; inclusive voltar &agrave; tabela original para alterar os n&uacute;meros ao selecionar a op&ccedil;&atilde;o <i>Dados<\/i> &mdash; o que &eacute; bastante &uacute;til quando voc&ecirc; ainda n&atilde;o tem certeza de estar trabalhando com as informa&ccedil;&otilde;es finais.<\/p>\n\r\n\t\t<div class='author-shortcodes'>\r\n\t\t\t<div class='author-inner'>\r\n\t\t\t\t<div class='author-image'>\r\n\t\t\t<img src='https:\/\/lh4.googleusercontent.com\/-DK3qONGlzXk\/AAAAAAAAAAI\/AAAAAAAAAFQ\/dgEWkgWJHaQ\/s120-c\/photo.jpg' alt='' \/>\r\n\t\t\t<div class='author-overlay'><\/div>\r\n\t\t<\/div> <!-- .author-image --> \r\n\t\t<div class='author-info'>\r\n\t\t\tSou um designer gr&aacute;fico apaixonado por n&uacute;meros. Atualmente, sou aluno do programa de Mestrado em Belas Artes &ndash; Design &amp; Technology no Parsons The New School for Design. Meu trabalho mais recente foi como designer s&ecirc;nior no time de Inova&ccedil;&atilde;o em Tecnologia e Experi&ecirc;ncia do&nbsp; Usu&aacute;rio do Ita&uacute;, o maior banco privado do Brasil. Durante os &uacute;ltimos seis anos, tenho trabalhado com informa&ccedil;&atilde;o e design gr&aacute;fico, principalmente para revistas, e conquistei alguns pr&ecirc;mios. Participei como palestrantes de alguns eventos, como o Campus Party, o World Information Architecture Day e o Pixel Show, a maior confer&ecirc;ncia no Brasil sobre arte e criatividade. Tamb&eacute;m organizei workshops sobre visualiza&ccedil;&atilde;o de dados utilizando a linguagem de programa&ccedil;&atilde;o Processing.\r\n\t\t<\/div> <!-- .author-info -->\r\n\t\t\t<\/div> <!-- .author-inner -->\r\n\t\t<\/div> <!-- .author-shortcodes -->\n<p><\/p>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"><\/body><\/html>","protected":false},"excerpt":{"rendered":"<p>Neste tutorial vamos ver como fazer um gr&aacute;fico de colunas a partir de dados de uma tabela e personaliz&aacute;-lo com alguns &iacute;cones.<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,11],"tags":[19],"class_list":["post-131","post","type-post","status-publish","format-standard","hentry","category-design","category-visualization","tag-deforestation-data","skill-chart-making","skill-data-visualization"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gr\u00e1fico sobre desmatamento com Adobe Illustrator<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gr\u00e1fico sobre desmatamento com Adobe Illustrator\" \/>\n<meta property=\"og:description\" content=\"Neste tutorial vamos ver como fazer um gr&aacute;fico de colunas a partir de dados de uma tabela e personaliz&aacute;-lo com alguns &iacute;cones.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"geojournalism.org\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geojournalism\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-31T19:39:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-10-31T20:33:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\" \/>\n<meta name=\"author\" content=\"Gabriel Gianordoli\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geojournalism\" \/>\n<meta name=\"twitter:site\" content=\"@geojournalism\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriel Gianordoli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\"},\"author\":{\"name\":\"Gabriel Gianordoli\",\"@id\":\"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8\"},\"headline\":\"Gr\u00e1fico sobre desmatamento com Adobe Illustrator\",\"datePublished\":\"2013-07-31T19:39:07+00:00\",\"dateModified\":\"2014-10-31T20:33:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\"},\"wordCount\":2298,\"commentCount\":4,\"image\":{\"@id\":\"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\",\"keywords\":[\"deforestation data\"],\"articleSection\":[\"Design\",\"Visualization\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\",\"url\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\",\"name\":\"Deforestation diagram with Adobe IllustratorGr\u00e1fico sobre desmatamento com Adobe Illustrator\",\"isPartOf\":{\"@id\":\"https:\/\/geojournalism.org\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\",\"datePublished\":\"2013-07-31T19:39:07+00:00\",\"dateModified\":\"2014-10-31T20:33:45+00:00\",\"author\":{\"@id\":\"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8\"},\"breadcrumb\":{\"@id\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage\",\"url\":\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\",\"contentUrl\":\"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/geojournalism.org\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/geojournalism.org\/pt\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Deforestation diagram with Adobe Illustrator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/geojournalism.org\/pt\/#website\",\"url\":\"https:\/\/geojournalism.org\/pt\/\",\"name\":\"geojournalism.org\",\"description\":\"As melhores ferramentas para reportagem multim\u00eddia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/geojournalism.org\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8\",\"name\":\"Gabriel Gianordoli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g\",\"caption\":\"Gabriel Gianordoli\"},\"sameAs\":[\"https:\/\/gianordoli.com\"],\"url\":\"https:\/\/geojournalism.org\/pt\/author\/gabriel-gianordoli\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gr\u00e1fico sobre desmatamento com Adobe Illustrator","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/","og_locale":"pt_BR","og_type":"article","og_title":"Gr\u00e1fico sobre desmatamento com Adobe Illustrator","og_description":"Neste tutorial vamos ver como fazer um gr&aacute;fico de colunas a partir de dados de uma tabela e personaliz&aacute;-lo com alguns &iacute;cones.","og_url":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/","og_site_name":"geojournalism.org","article_publisher":"https:\/\/www.facebook.com\/geojournalism\/","article_published_time":"2013-07-31T19:39:07+00:00","article_modified_time":"2014-10-31T20:33:45+00:00","og_image":[{"url":"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png","type":"","width":"","height":""}],"author":"Gabriel Gianordoli","twitter_card":"summary_large_image","twitter_creator":"@geojournalism","twitter_site":"@geojournalism","twitter_misc":{"Escrito por":"Gabriel Gianordoli","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#article","isPartOf":{"@id":"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/"},"author":{"name":"Gabriel Gianordoli","@id":"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8"},"headline":"Gr\u00e1fico sobre desmatamento com Adobe Illustrator","datePublished":"2013-07-31T19:39:07+00:00","dateModified":"2014-10-31T20:33:45+00:00","mainEntityOfPage":{"@id":"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/"},"wordCount":2298,"commentCount":4,"image":{"@id":"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png","keywords":["deforestation data"],"articleSection":["Design","Visualization"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/","url":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/","name":"Deforestation diagram with Adobe IllustratorGr\u00e1fico sobre desmatamento com Adobe Illustrator","isPartOf":{"@id":"https:\/\/geojournalism.org\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/geojournalism.org\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png","datePublished":"2013-07-31T19:39:07+00:00","dateModified":"2014-10-31T20:33:45+00:00","author":{"@id":"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8"},"breadcrumb":{"@id":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/"]]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#primaryimage","url":"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png","contentUrl":"https:\/\/geojournalism.org\/wp-content\/uploads\/2013\/07\/illustrator01-1024x826.png"},{"@type":"BreadcrumbList","@id":"https:\/\/geojournalism.org\/pt\/2013\/07\/grafico-sobre-desmatamento-com-adobe-illustrator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/geojournalism.org\/pt\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/geojournalism.org\/pt\/category\/design\/"},{"@type":"ListItem","position":3,"name":"Deforestation diagram with Adobe Illustrator"}]},{"@type":"WebSite","@id":"https:\/\/geojournalism.org\/pt\/#website","url":"https:\/\/geojournalism.org\/pt\/","name":"geojournalism.org","description":"As melhores ferramentas para reportagem multim\u00eddia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/geojournalism.org\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/geojournalism.org\/#\/schema\/person\/65e27321256811aa9e23692d45fcfef8","name":"Gabriel Gianordoli","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4859d33ff09d9a3b82f6a2da8f5c4638dbfe12d2a0373fc1a4e3928378951976?s=96&d=mm&r=g","caption":"Gabriel Gianordoli"},"sameAs":["https:\/\/gianordoli.com"],"url":"https:\/\/geojournalism.org\/pt\/author\/gabriel-gianordoli\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/posts\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":39,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/posts\/131\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/posts\/131\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/media?parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/categories?post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geojournalism.org\/pt\/wp-json\/wp\/v2\/tags?post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}