Tutorial D3.js: comece a criar belas visualizações de dados

Torne seus sites atraentes e convidativos, criando uma experiência de usuário mais interessante com belas visualizações de dados. Aprenda tudo o que você precisa para criar gráficos que seus usuários irão adorar, com este tutorial D3.js, desenvolvendo o código que você facilmente incorporará ao seu site.  Desde um gráfico de pizza simples a gráficos de bolhas mais complexos ou gráfico de dispersão. Siga um caminho abrangente coletando conceitos básicos de HTML, CSS, JavaScript, D3 e muito mais.

Tutorial D3.js - uma ferramenta intuitiva para criar gráficos atraentes para incorporar em seus sites

D3 (Data-Driven Documents) é uma biblioteca JavaScript que permite exibir arquivos de dados externos, como arquivos do Excel, JSON ou CSV. O D3.js é extremamente rápido, pois possui uma sobrecarga mínima. Isso significa que ele suporta grandes conjuntos de dados para processamento rápido e lida facilmente com comportamentos dinâmicos de interação e animação. O D3.js funciona muito bem com HTML e CSS e, portanto, quando incorporado a um site, adiciona funcionalidades impressionantes.

Os principais benefícios do D3.JS são:

✓ Interatividade. A biblioteca D3 se presta a uma fácil atualização de dados. Além disso, você pode tornar seus usuários muito mais felizes incorporando efeitos de foco e clique do mouse nos seus gráficos.

✓ Funcionalidade. Com o D3.js, você pode criar coisas simples para representar dados em eixos e qualquer coisa para um mapa geográfico interativo ao empregar a funcionalidade GeoJSON.

✓ Fácil de aprender e usar. Se você tem alguma experiência com JavaScript, deve achar o D3.js fácil e intuitivo.

Tutorial D3.js em seis fases

Este tutorial D3.js fornecerá um conjunto estendido de habilidades para possibilitar o trabalho no mundo real após a conclusão deste curso. Ele está estruturado em 6 fases que o levarão a um entendimento completo de visualização com D3 e de outros fundamentos necessários antes de começar a criar coisas com o D3.

• A primeira fase é onde você aprenderá as habilidades fundamentais de desenvolvimento web (HTML, CSS, JavaScript) para entender o D3.js.
• A segunda fase deste tutorial D3.js. é sobre como configurar seu ambiente de desenvolvimento.
• Aprenda como adicionar o D3 à sua instalação; estudar exemplos de projetos D3; veja como usar o console para programação.
• Na terceira fase, você aprenderá a processar e ler dados coletados de qualquer fonte. Aqui, você aprenderá vários métodos para vincular dados.
• A quarta fase é onde você criará seu primeiro projeto no D3. Você será orientado a criar formas diferentes, como gerar dados aleatórios e como adicionar recursos interativos aos seus gráficos.
• Na 5ª fase, você avançará para estudos mais complexos e aprenderá a construir gráficos de dispersão desde o início. A partir daí, você poderá fazer coisas muito mais interessantes, como adicionar efeitos às suas visualizações, praticar com design responsivo e muito mais.
• Por fim, a sexta fase deste tutorial D3.js oferecerá ainda mais oportunidades para praticar com novos projetos, adicionando dicas de ferramentas, transições, animação, para que você tenha uma melhor noção da ferramenta e construa mais peças para adicionar ao seu portfólio.

Aprenda D3 em um curso abrangente

Os alunos que concluem este tutorial D3.js desfrutam de um curso completo, não precisam procurar mais cursos sobre visualização com D3.js para desenvolver o conhecimento essencial sobre o D3.js. Aprenda com o exemplo deles e confie em nosso instrutor experiente para guiá-lo gradualmente do básico a recursos mais complexos.