Análise aprofundada do D3

 (d3indepth.com)
4 pontos por GN⁺ 2024-05-18 | 1 comentários | Compartilhar no WhatsApp

D3 in Depth

D3 in Depth aborda as versões 6 e 7 do D3

  • Página inicial: D3 in Depth é um site que cobre as versões mais recentes do D3.js, 6 e 7.
  • Introdução: Este site oferece conteúdo aprofundado sobre visualização de dados com D3.js.
  • Newsletter: Pela newsletter, é possível receber informações sobre descontos em livros, além de notícias e dicas relacionadas ao D3.js.

Livros e cursos

  • Visualising Data with JavaScript: Ensina como criar gráficos, dashboards e narrativas de dados usando Chart.js, Leaflet, D3 e React.
    • "Um dos melhores livros de D3 que já li. O conteúdo é muito claro, fácil de acompanhar e os conceitos são muito sólidos." - Javier García Fernández
  • Visualização de dados personalizada: É possível aprender a criar visualizações de dados personalizadas usando D3.js.
  • Aprendizado básico: É possível aprender os fundamentos de HTML, SVG, CSS e JavaScript para criar visualizações de dados na web.

Índice

  • Introdução ao D3
  • Primeiros passos
  • Seleções (Selections)
  • Data joins
  • Enter, exit & update
  • Funções de escala (Scale functions)
  • Formas (Shapes)
  • Eixos (Axes)
  • Hierarquias (Hierarchies)
  • Diagramas de acordes (Chord Diagrams)
  • Layout de forças (Force layout)
  • Mapas (Maps)
  • Requisições de dados (Data Requests)
  • Transições (Transitions)
  • Seleção, arrastar e brushing (Picking, Dragging and Brushing)
  • Zoom & pan

Newsletter

  • Assinatura: É possível receber informações sobre descontos em livros, além de notícias e dicas relacionadas ao D3.js.

Direitos autorais

  • © Peter Cook 2023

Opinião do GN⁺

  • Importância do D3.js: D3.js é uma biblioteca de visualização de dados muito útil para representar visualmente dados complexos. É uma ferramenta especialmente poderosa ao lidar com grandes conjuntos de dados.
  • Curva de aprendizado: D3.js é poderoso, mas a curva de aprendizado pode ser íngreme. Este site oferece materiais úteis tanto para iniciantes quanto para usuários avançados.
  • Integração com várias ferramentas: É possível aprender a integrar com outras ferramentas como Chart.js, Leaflet e React, o que permite aplicar esse conhecimento em diversos projetos.
  • Foco na prática: Este site é estruturado com foco na prática, permitindo adquirir conhecimentos que podem ser aplicados imediatamente em projetos reais.
  • Pontos a considerar na escolha da tecnologia: Ao escolher D3.js, é preciso considerar a complexidade do projeto, o nível técnico da equipe e a facilidade de manutenção. D3.js é poderoso, mas pode ser excessivo para visualizações simples.

Leituras relacionadas

1 comentários

 
GN⁺ 2024-05-18
Comentários do Hacker News

Resumo dos comentários do Hacker News

  • Introdução ao Observable Plot e ao Observable Framework

    • Se você tem interesse em visualização de dados com D3, vale a pena conhecer o Observable Plot, que oferece uma camada de conveniência de nível mais alto.
    • O Observable Framework é um gerador de sites estáticos que oferece suporte a Plot, D3 e várias bibliotecas para construir painéis de visualização.
    • Observable Plot
    • Observable Framework

  • A dificuldade de usar D3

    • Mesmo com bastante experiência usando D3, ao voltar a usá-lo depois de alguns anos, a documentação parece confusa e dá a sensação de estar recomeçando do zero.
    • Entender a documentação do D3 é mais difícil do que resolver problemas de matemática.

  • O valor de aprender D3

    • Mesmo sem usar D3 profissionalmente, ainda vale a pena aprendê-lo.
    • Ele ajuda a entender a projeção dos dados, a diferença em relação aos dados reais e como aplicar escalas a isso.
    • Também é útil para visualização de dados em outros ambientes, não apenas na web.

  • A evolução do D3.js e alternativas modernas

    • Muitos projetos foram feitos com D3.js, mas agora ele parece ultrapassado.
    • Houve migração para frameworks modernos como Vue 3 e TypeScript, mas ainda há gratidão pelas boas práticas que o D3.js proporcionou.

  • Alternativas como VisX

    • Depois de aprender D3, é uma boa ideia migrar para ferramentas mais estruturadas, como o VisX.
    • D3 e jQuery tendem a virar código espaguete com facilidade.

  • Grammar of Graphics e ggplot2

    • O D3 foi inspirado na Grammar of Graphics, de Wilkinson.
    • O ggplot2, da linguagem R, também foi inspirado nela e oferece uma interface mais concisa e funcional.

  • Problemas com grafos de força dirigida

    • Os exemplos de grafos de força dirigida no D3 são interessantes, mas quando o número de nós e arestas cresce, o arranjo deixa de ficar bom.
    • Talvez seja necessário usar visualização em 3D.

  • Recursos úteis sobre D3

    • Havia um único recurso que realmente ajudou a entender D3.
    • O autor é bastante responsivo e prestativo.

  • Introdução ao Vega

  • A complexidade da sintaxe do D3

    • As visualizações feitas com D3 são boas, mas sua sintaxe é complexa demais e antiquada.
    • É bom ver a mudança para uma abordagem mais declarativa.