Infográficos animados: usando dados e movimento para contar uma história

2. Introdução: Oi. Sou Graham Roberts. Sou editor de gráficos e multimídia no New York Times, onde trabalho com uma equipe de jornalistas visuais que visam moldar e entregar informações relatando, escrevendo, projetando, desenhando e programando gráficos de informação para tanto o jornal impresso como as nossas várias edições digitais. Este trabalho assume várias formas como: gráficos, mapas, diagramas, interativos, gráficos de movimento e peças multimídia de formato longo. Nos vídeos que compõem esta aula, vamos olhar especificamente para a forma gráfica de informação animada, e eu vou compartilhar alguns dos conhecimentos e melhores práticas que eu acho que ajudaram a tornar essa narrativa bem sucedida ou não. Vamos começar com como abordar a escolha do tipo certo de história e avançar passo a passo para criar um storyboard para um motion graphic baseado em informações. Para aqueles que procuram um treinamento de software e treinamento de animação, isso está muito além do escopo desta classe, mas vamos abordar isso em alguns acompanhamentos para a classe. Esta aula servirá como um guia para pensar sobre sua abordagem tornar esses projetos atraentes, claros e reveladores. Observe que, no entanto, os storyboards criados são o seu gráfico, no sentido de que todas as decisões e relatórios necessários serão bem representados quando você chegar a esse ponto do processo. Eu vou estar ensinando por exemplo, e dar a vocês uma olhada nos bastidores da minha abordagem e pensamento em meu próprio trabalho, e espero que através disso compartilhem algumas idéias sobre maneiras de abordar o seu trabalho. Espero que se junte a mim, e vamos começar no Passo 1. 3. Encontrando a história: O primeiro passo é encontrar a sua história. Um começo óbvio, mas que deve ser considerado com cuidado. Escolher o tipo certo de história para o seu gráfico é fundamental. Nem todas as histórias, afinal, se prestam à explicação visual ou à forma gráfica de informação animada. Então escolha sua história com cuidado. Considere se o evento ou conjunto de dados que você está explorando pode ser melhor expresso por uma explicação visual. Certifique-se de que ao mostrar que você não está apenas adicionando flare ou colírio a uma história, mas que a história exige uma apresentação visual para ser totalmente revelada. Em outras palavras, se a história pode ser totalmente compreendida sem sua explicação visual, você está no caminho certo. Ao mesmo tempo, e isso pode parecer contra-intuitivo, arquive todas as idéias visuais. Não descarte, mas também não fique muito apegado. Você pode ter algumas ideias potencialmente ótimas sobre como você deseja apresentar sua história visualmente nesta fase, mas você não quer pular muito cedo para fazer o gráfico que você acha que deve fazer. Acho que é melhor esperar até que você tenha relatado completamente o tópico e deixar essa reportagem orientar qual direção você finalmente tomará. Como mencionei na introdução, vou usar alguns dos meus próprios projetos para dar uma impressão real de cada passo. Em cada passo, eu vou voltar para um motion graphic chamado Up And Down from Ground Zero, que eu criei sobre a reconstrução do marco zero no centro de Manhattan para demonstrar como eu usei cada um desses passos no meu próprio processo e como tomei as decisões necessárias para chegar à estrutura da peça final. Por exemplo, ao escolher uma história, este projeto se mistura bem com a forma gráfica de informação animada, e que inclui uma grande quantidade de complexidade visual que precisa de uma explicação clara. A história que precisava ser comunicada sobre esse evento culturalmente significativo exigia um tratamento visual para ser plenamente compreendido. Para cada passo, eu também vou dar um exemplo alternativo para dar um pouco mais de perspectiva e talvez ajudar a desencadear algumas idéias. Para esta etapa, vamos dar uma olhada em um projeto que se mistura bem esse tipo de narrativa visual chamado “Held by the Talibã”. Neste projeto, contamos a história da fuga do repórter do New York Times David Rhodes de um sequestro pelos Talibãs. Usando as lembranças de David do espaço, recriamos os momentos de sua fuga passo a passo. Apenas uma explicação visual poderia dar uma compreensão tão rica dos eventos e demonstrar claramente como sua fuga se desenrolou. Era algo que você realmente precisava ver para conseguir. Ter acesso único a uma fonte com experiência em primeira mão de um evento pode tornar uma história perfeita para escolher para este formato. A abordagem que tomei com este projeto foi modelar o espaço físico em Maya e fazer ajustes com David bem ao meu lado, quase como um desenhista. Este é outro bom exemplo do tipo de história que funciona bem para um tratamento gráfico de informação animado. Se você estiver trabalhando junto com seu próprio projeto nesta classe, pense no tipo de história que você quer contar e o lado de uma explicação visual revelará melhor as ideias principais. 4. Comunicando a sua história: Depois de decidir sobre o tema, o próximo passo é relatar sua história. Tenha em mente que os estágios iniciais de sua reportagem provavelmente não serão específicos para a forma em que você vai contar essa história, mesmo tipo de coleção geral que você pode fazer para uma peça puramente escrita. Tente aprender tudo o que puder sobre seu tópico e só então comece a considerar os relatórios mais específicos que você precisará para uma abordagem visual. Você pode precisar de um conjunto de dados mais completo para fazer uma exibição visual abrangente das informações, então você pode precisar em comparação com os dados que você pode usar para uma peça escrita. Se você vai trabalhar com diagramas, você pode precisar coletar fotografias de referência que vão além da cobertura de fotografia tradicional que um fotógrafo de notícias pode considerar, especialmente se você vai usar fotos como referência para recriar uma cena. No geral, eduque-se totalmente sobre o seu tópico para que você tenha um contexto amplo para qualquer abordagem que você possa tomar mais tarde. Você também deve considerar neste momento as fontes especializadas, as fontes técnicas e as fontes de dados que podem fornecer posteriormente o nível de detalhes que você provavelmente precisará para sua explicação visual. Por exemplo, em Up and Down, eu coletei informações sobre o histórico do site e os planos que vão adiante para o site, a fim de entender onde ele estava e para onde ele estava indo. Isso incluiu aprender sobre a parede de pasta original e como essa interface com o espaço planejado do museu, qual infraestrutura precisará ser construída no subsolo versus acima do solo, que tipo de parceiros e departamentos estavam envolvidos com a construção, que influência terá o design original do World Trade Center sobre o novo design, quais iterações os projetos passaram e, mais geralmente, quais foram os desafios e oportunidades. Tirei muitas fotografias de tantos ângulos diferentes quanto possível para ter boa referência visual para tocar mais tarde. Eu também procurei fontes que poderiam me fornecer, nos melhores casos, modelos arquitetônicos de elementos do site e mostrar fora desses planos arquitetônicos que eu poderia usar para criar meus próprios modelos, se necessário. Às vezes, o estágio de relatório significará capturar o máximo possível sobre um momento ou evento singular. Em nossos projetos chamados Connecting Music and Gesture, o objetivo era desmistificar o mundo da condução e tentar entender melhor como e por que isso é tão importante. Não sabendo exatamente o que iríamos fazer visualmente, capturamos tudo o que pudemos sobre este momento de performance. Usamos a captura de movimento para rastrear os movimentos dos condutores. Nós filmamos o vídeo da performance. Gravamos o áudio da performance. Usamos um microfone no condutor para capturar seus comentários. Gravamos uma entrevista com o maestro. Capturar um evento dessa maneira abrangente lhe dará a flexibilidade que você precisará mais tarde quando começar a restringir o foco do seu projeto. Descubra tudo o que puder sobre o seu tópico de escolha e continuaremos na etapa 3. 5. Separe o sinal do ruído: O próximo passo é olhar para o que você coletou e começar a separar o sinal do ruído. Tendo levado para o exterior olhar para o seu assunto, é hora de aprimorar os aspectos mais interessantes que você vai querer destacar. Mostrar tudo e qualquer coisa provavelmente não será o caminho mais revelador seguir e qualquer história terá uma série de ângulos e abordagens. Encontre o melhor ângulo para sua explicação. Quais elementos específicos da história podem ser melhor iluminados através do uso da explicação visual. Pense em maneiras de tornar sua apresentação visualmente emocionante e envolvente. Esta será a sua melhor oportunidade para demonstrar a sua visão única. É possível que sua história já tenha sido coberta visualmente de alguma forma. Você deve tentar encontrar uma maneira única e esclarecedora de organizar sua apresentação, mas, ao mesmo tempo, sempre se concentre na clareza. Sua explicação deve sempre ter clareza de compreensão como seu objetivo mais alto. Evite escolher formas que são diferentes, por causa das diferenças. Você provavelmente coletou uma grande quantidade de informações. Seu trabalho agora é trazer à superfície desse ruído o sinal ou todos os pontos que importam que são reveladores e que são interessantes. Voltando ao nosso exemplo principal, depois de aprender tudo o que pude sobre o site do Ground Zero. Fiquei impressionado com o trabalho realizado lá, maior parte no subsolo. A percepção geral do público neste momento parecia ser, não tendo visto torres subir do local, que, portanto, não estava acontecendo muito e eu sinto que este era um ponto de frustração para as pessoas que trabalham no site, assim como para os nova-iorquinos que queriam sentir que o progresso estava sendo feito. Também aprendi como era desafiador tecer um museu, sistema de metrô, sistema de trem e muitos outros elementos juntos em uma área tão pequena. Projetos controlados por empresas e organizações totalmente diferentes, forçados a trabalhar juntos por circunstâncias. Muitas renderizações altamente detalhadas de como seria o novo horizonte já tinham sido criadas por este ponto. Qual seria a melhor explicação para o que estava acontecendo lá e, acima de tudo, o que seria uma nova abordagem? Apesar do grande nível de detalhe na referência que eu tinha em alguns casos, eu decidi que, em vez de criar renderizações fotorrealistas lisos, eu tentaria transmitir o quão complicado o projeto era, tanto abaixo como acima do solo. A maneira desafiadora e intrincada que todos esses projetos díspares se encaixam me lembrou do jogo clássico dos anos 80 Tetris e por isso esta é a minha influência. Eu inventei uma linguagem visual em que blocos coloridos simples, cada um representando um elemento distinto importante do projeto, voariam juntos lentamente construindo o site e para ajudar a entender abaixo e acima do solo e ver ambos ao mesmo tempo. Eu projeto a grade da rua como uma superfície transparente, como vidro representando o nível do solo. Vamos falar mais sobre a coleta de dados e ativos para a próxima etapa. Mas se você já tem um conjunto de dados neste ponto do processo, pode ser útil esboçar com esses dados para encontrar o melhor ângulo para sua história. Você pode fazer isso no Illustrator ou processamento ou com um lápis, se preferir. Por exemplo, em nosso gráfico de resultados olímpicos de 2012 para salto em distância, meus colegas esboços com os dados de resultados revelaram que, o que tornou a história interessante não foi apenas ver todos esses resultados juntos, mas enfatizar algo muito único sobre o esporte. Esses resultados não continuam a melhorar de forma constante como em muitos outros esportes olímpicos e os melhores resultados ainda estão de Bob Beamon salto em 1968. Isto é o que, em última análise, enfatizamos na visualização animada 44 anos. Até o vencedor em Pequim, apenas quatro anos, é o mais dois pés atrás. Dê uma olhada em todos os relatórios que você reuniu sobre sua história e tente separar os elementos verdadeiramente interessantes, e continuaremos na Etapa 4. 6. Coletando dados e recursos: Escolhemos uma história totalmente relatada sobre ela, descobrimos algumas coisas interessantes para revelar. Agora precisamos coletar todos os dados e ativos que nossa explicação visual exigirá. Conhecer a sua abordagem à história afetará o tipo de dados e ativos que você coletará e em que nível de detalhes. Determine o que você precisará para criar o projeto. Se você estiver trabalhando com uma cena arquitetônica, por exemplo, você pode trabalhar com referência fotográfica para construir modelos que podem não ser construídos com precisão, mas ainda contar a história, ou você precisa de um nível de detalhe que exija planos arquitetônicos e elevações ou até mesmo modelos CAD? Se você estiver coletando um conjunto de dados, você trabalhará com prazos específicos ou exigirá dados em todos os tempos? Colete e organize seus dados e ativos. Uma boa fonte para os modelos 3D brincarem é o armazém 3D do Google. Você pode usar o SketchUp, que é um download gratuito para brincar com eles. Uma pesquisa do Google levará você a muitos conjuntos de dados on-line gratuitos com os quais você pode experimentar. Mas um lugar onde você pode começar é Data.gov ou você pode aprender um pouco sobre raspagem de dados, que é uma tarefa bastante comum no jornalismo. Se necessário, limpe seus dados ou ativos em um formulário utilizável. Voltando ao nosso exemplo para cima e para baixo, trabalhando com um projeto arquitetônico neste caso, meus ativos ideais seriam CAD ou modelos arquitetônicos das várias estruturas recebidas diretamente dos construtores. Isso foi possível em alguns casos, mas devido à natureza do projeto, que envolveu uma ampla gama de estruturas antigas e novas e um nível apertado de segurança em torno das especificidades do site, modelos arquitetônicos estavam disponíveis apenas em uma capacidade limitada. Além disso, os modelos que recebi foram tão detalhados que se tornaram um fardo. Enquanto os arquitetos querem saber onde cada parafuso e parafuso será, o detalhe que eu exigiria para a história que eu queria que você me contasse esses ativos difíceis de trabalhar com e assim uma grande quantidade de limpeza foi necessária para obter esses modelos em um formulário utilizável. Eu acho que se você está trabalhando neste projeto, você vai descobrir que isso acontece mais frequentemente do que não. Para o resto dos edifícios. Uso a referência que coletei, incluindo fotos que tirei e renderizações produzidas por vários parceiros do projeto. Para criar os elementos subterrâneos, eu coletei planos e elevações que, quando combinados com renderizações e fotografia, poderiam ser usados para orientar uma modelagem do site em Maya. Como discutimos, decidir o ângulo em que você se concentrará ajudará você a decidir o nível de detalhes que você precisa coletar. Neste caso, tendo decidido contar esta história como uma visão geral abrangente do site no total, eu sabia que não precisaria me preocupar com os menores detalhes e em vez disso, poderia me concentrar na criação de formas mais generalizadas a partir de planos. Para um exemplo alternativo, vamos dar uma olhada em um projeto chamado One Race, Every Medalist Ever da mesma série que o projeto de salto em distância discutido na etapa anterior. One Race tem como objetivo proporcionar contexto para os resultados do ano em curso, representando visualmente esses resultados ao lado de cada resultado, remontando aos primeiros Jogos Olímpicos modernos, em 1896. Este era um projeto orientado por dados, mas para fazer isso acontecer, precisávamos coletar e criar uma variedade de ativos. Dados sábios, precisávamos dos tempos de resultado para cada medalhista para todas as Olimpíadas modernas. Isso está disponível no site de resultados olímpicos. Traçar esses dados em nosso revelou a surpreendente taxa de melhoria ao longo do tempo. A cena animada exigia uma figura representacional revisional que poderia ser usada para cada corredor, que eu uso o poser do pacote de animação figura para produzir. Em Maya, eu criei um campo virtual de uma faixa de 100 metros que traria todos esses elementos juntos. Também coletamos fotografias dos corredores mais icônicos da história que gostaríamos de chamar mais atenção na peça. Casar esse conjunto de dados interessante com esses ativos produziu um infográfico animado que guiou os espectadores sobre como interpretar os dados e envolvê-los na história. Como a coleta de dados e ativos é um elemento tão importante nesse processo, usarei como segundo exemplo alternativo uma peça recriada para a eleição de 2012 sobre a importância de Ohio chamada de Estado Swing dos Estados Swing. Este gráfico, entre outras coisas, tem como objetivo usar dados de nível de delegacia de 2008 para mostrar como Obama ganhou este estado naquela eleição, e justapor esses dados com eleitores recém-registrados na eleição atual. Os dados estavam disponíveis a partir de um projeto de Stanford sobre a coleta de dados eleitorais. Além disso, precisávamos criar uma variedade de mapas e uma cena 3D para reunir tudo. Na impressão, a escala dos círculos representava o número de pessoas em cada delegacia. A vantagem de apresentar esses dados em 3D e com animação foi que poderíamos representar o número de eleitores em cada delegacia como altura em vez do tamanho do círculo, que significava que as delegacias não precisam se sobrepor como fizeram na impressão. A animação nos ajudou a orientar o espectador através deste conjunto de dados. Um script simples importou os dados para o Maya, atribuindo a cada pino da delegacia um local, cor e altura correspondentes. Muitos pacotes de animação 3D permitem que você use linguagens de script para lidar com conjuntos de dados em 3D, o que pode ser um recurso poderoso na criação de gráficos de informação animados. O seu projeto precisa de um conjunto de dados, modelos 3D, referência fotográfica ou outra coisa? Reúna seus dados e ativos e continuaremos na etapa 5. 7. Criando uma hierarquia: A próxima coisa que você deve considerar é criar uma hierarquia. Assim que os materiais necessários estiverem à mão e você decidir em que pontos se concentrar, você deve estruturar sua história criando uma hierarquia de importância para ajudar a direcionar a atenção. Decida o que é mais importante. É improvável que tudo o que você coletou seja notável ou de igual importância ao contar a história que você quer contar. Os pontos que você fizer serão todos beneficiados de uma clara estrutura organizacional e ordem, e de serem cuidadosamente considerados no contexto um do outro. Você não quer dizer ao seu público, “Aqui estão alguns dados, espero que você encontre algo interessante”. Faça a curadoria da informação. Gosto de pensar em um formato gráfico de informação narrativa como uma apresentação cuidadosamente curada de dados e história, organizada através de um fluxo e estrutura esclarecedores. Pense cuidadosamente sobre a forma como você constrói a história visualmente. Existe continuidade? Você está chamando a atenção para tudo de forma simples, ou você tem uma hierarquia clara que é fácil de seguir e reveladora? Em cima e para baixo, o principal ponto a transmitir foi a dificuldade em encaixar tudo e o quanto tinha que acontecer além do aspecto mais visual e público do projeto, que é claro que são as torres. Decidi me concentrar em elementos com os quais as pessoas mais interagiriam, como espaços públicos, transporte e espaço do museu, ou que teriam o maior impacto no site. Descobri que tirando tudo e depois lentamente construindo tudo de volta, peça por peça, eu poderia transmitir a grande complexidade do trabalho subterrâneo e como isso era importante para o local em geral. Para o nosso exemplo alternativo, vejamos um gráfico que criamos para a Maratona de Nova York de 2011, onde demos uma olhada nas mudanças demográficas da cidade através das pistas da rota da maratona. Havia muitas maneiras de olhar para esses dados demográficos, mas nem todos foram igualmente interessantes ou reveladores. Embora ao traçar esses dados estivéssemos mostrando todas as mudanças ao longo da rota, curando um conjunto dos elementos mais interessantes e viajando ao longo da rota com animação, podemos direcionar a atenção para as mudanças mais interessantes nesses dados sem forçar o público a procurá-los. Desde o aumento acentuado dos rendimentos medianos e encosta do parque entre Long Island City, até a queda significativa na população negra em Fort Greene. Dê uma olhada em sua história e todas as coisas que você achou mais interessantes ou reveladoras, e decida que tipo de estrutura organizará melhor essas idéias. 8. Escrevendo um roteiro: O próximo passo é escrever um script. este ponto, você descobriu muito em termos de sua abordagem. Agora, você vai querer considerar o idioma e as anotações que irão impulsionar seu projeto. Decida se você vai usar uma voz sobre. Gráficos de informação animados são muitas vezes produzidos com uma voz sobre. Isso tem o benefício de liberar a tela, para se concentrar apenas na apresentação visual que você cria. Claro, não tem que ser assim. Esta determinação deve ser feita com base na forma como o gráfico será consumido, e no contexto em que ele será consumido. O som pode ser contado? Há muita linguagem envolvida? O espectador está encontrando a peça como uma experiência de observação e audição, ou mais como parte de uma experiência de leitura? Qualquer que seja a sua decisão, qualquer linguagem envolvida deve ser escrita e cuidadosamente considerada neste momento do seu projeto, com ênfase na edição apertada. Ao escrever seu roteiro, procure ser tão funcional e claro com sua linguagem quanto você espera ser com seus visuais. Ao escrever o roteiro para cima e para baixo, precisávamos considerar que havia muita informação geral para fornecer sobre os planos para cada elemento no site, incluindo datas de conclusão, alturas de construção, empresas de arquitetura, etc. Decidimos que uma voz era a melhor maneira de transmitir essa informação. Usamos esta voz para estabelecer imediatamente o tema, que embora as torres transformadoras do horizonte estivessem subindo no local, a complexa tarefa arquitetônica subterrânea, é o aspecto da história em que a peça se focaria. Para um exemplo alternativo, vamos dar uma olhada em um gráfico de informação animado mostrando o fluxo de uma avalanche mortal. Nenhuma voz sobre foi usada neste caso porque o contexto deste gráfico era uma experiência de leitura, e assim o gráfico precisava sentir como se fosse parte dessa experiência de leitura também. O objetivo principal do roteiro é fornecer anotações dos momentos-chave, a fim de dar uma melhor compreensão ao leitor, à medida que a avalanche progride pela montanha. Com essas considerações em mente, vá em frente e escreva um script para o seu projeto e, em seguida, na próxima e última etapa, vamos juntar tudo enquanto nós storyboard. 9. Criando um storyboard: Tendo escrito um script, coletado todos os seus dados e ativos, decidido em seu ângulo e abordagem, você ficará tentado a entrar e apenas começar a criar, não faça isso. Eu luto contra este impulso com muitos projetos eu mesmo, mas storyboarding é uma parte absolutamente essencial do processo e servirá como o guia mestre para a sua peça. Considere o fluxo da peça. O fluxo e o ritmo estabelecidos nesta etapa o ajudarão a descobrir se a hierarquia estabelecida anteriormente está funcionando ou não. storyboarding mais frequentemente do que não me influencia a voltar aos estágios anteriores do processo e fazer alterações para se adequar à forma como estou apresentando as informações. Considere a forma que o arco da sua narrativa deve tomar. Será que ele quer trazer uma idéia círculo completo ou é uma comparação e contraste entre duas ou mais idéias? Talvez ele tenha vários segmentos que devem finalmente convergir ou talvez ele deve construir cumulativamente até que ele revele um buraco final. Ele irá ajudá-lo a ter uma estrutura abrangente em mente como você começa a storyboard. Crie um modelo para o seu storyboard. Como você coloca seu storyboard é, em última análise, até a preferência pessoal, mas, no entanto, ele deve geralmente incluir essas três coisas por quadro. Uma prévia visual do momento. Isso pode ser qualquer coisa, desde um esboço a lápis bruto até uma captura de tela de uma cena 3D. O que te permite pensar que és o melhor. Uma descrição visual. Mesmo que você tenha uma imagem, muitas vezes você precisará de mais para explicar a idéia. Pode ser um movimento de câmera, uma transição, ou um esclarecimento de como o momento deve eventualmente ser. Tenha em mente que, se você estiver trabalhando em um ambiente colaborativo, isso pode ser uma ferramenta importante para comunicar como o projeto acabará por tomar forma. Alguém que acabou de chegar ao projeto provavelmente precisará mais do que apenas a imagem para entender sua intenção, e o segmento de seu script ao qual o quadro corresponde. Esta é a fusão do seu script com os visuais, então ele deve ser incluído. Também acho que é útil manter seus painéis de storyboard na mesma proporção do seu projeto. Se você estiver produzindo algo a 720P, seus painéis também devem ser 16 por 9. proporção afetará a forma como você enquadra os elementos visuais e, portanto, pode afetar as decisões que você toma ao storyboarding também. Em cima e para baixo, organizei meu storyboard em uma grade de nove pinos para uma página. Além da imagem, cada pin inclui a visualização visual, um espaço para descrição visual no lado esquerdo e um espaço para o bit correspondente do script. Neste caso, eu já tinha configurado minha cena em Maya e tinha feito alguns testes de estilo renderização. Então eu trabalhei com esses testes para organizar meu storyboard. Para este projeto, isso é o que funcionou bem para mim, mas cabe inteiramente a você como organizar esses elementos em seu storyboard. Você também não precisa se limitar a uma única rodada de storyboard. Às vezes, pode ajudar a ter várias iterações à medida que você finalmente descreve a direção do seu projeto. Em uma peça chamada Mariano Rivera, rei dos fechadores sobre os Yankees mais perto, comecei com o que eu chamaria de um esboço de storyboard. Apenas uma impressão áspera para ajudar a pensar sobre como o fluxo geral da peça poderia ser desenvolvido. Isso pode ser útil para fazer mesmo antes da etapa de escrita do script em alguns casos. Uma vez que um roteiro foi estabelecido, eu montei um storyboard mais específico para orientar o projeto. Então isso conclui esta aula. Se você estiver trabalhando em seu próprio projeto, envie seus storyboards e farei o possível para conferi-los e dar feedback onde puder. Se você tem a ambição de executar seu storyboard em um infográfico animado completo, não hesite em fazer o upload também e fique atento para futuras aulas sobre este tópico.