Coordenadas SVG e Fundamentos do D3.js

Trabalhar com gráficos baseados na Web pode ser frustrante quando as formas não se alinham, não são dimensionadas ou renderizadas corretamente. Entender como a janela de visualização e os sistemas de coordenadas do SVG funcionam é a chave para desbloquear visualizações de dados personalizadas e poderosas. Neste curso somente de texto, você aprenderá a mecânica exata das grades SVG e como manipulá-las dinamicamente usando D3.js. Ao dominar a relação entre a janela de visualização, o espaço de coordenadas e os elementos do DOM, você obterá controle total sobre seus gráficos da Web e construirá uma base sólida para a visualização avançada de dados. O que você vai aprender: Entenda o sistema de coordenadas SVG e como os eixos X e Y se comportam na web; Configurar a janela de visualização, largura, altura e atributos responsivos do viewBox do SVG; Aplicar seleções fundamentais do D3.js para criar e posicionar dinamicamente elementos SVG. Pratique traçar formas, linhas e grupos programaticamente através de código estruturado Projetar estruturas SVG acessíveis com elementos semânticos e rótulos adequados. O curso começa com definições essenciais de gráficos vetoriais e coordenadas matemáticas, em seguida, orienta você através de tutoriais passo a passo escritos sobre o uso de D3.js para manipular esses elementos. Este curso é projetado para desenvolvedores web, designers e aspirantes a analistas de dados que são completamente novos para SVG e D3.js. Comece a ler hoje para dominar os blocos de construção matemática e programática de gráficos web modernos.