freeCodeCamp/guide/portuguese/d3/index.md

2.8 KiB

title localeTitle
D3 D3

D3: documentos orientados por dados

Documentos controlados por dados (D3.js) é uma biblioteca JavaScript para produzir visualizações de dados dinâmicas e interativas em navegadores da web. A API D3.js contém vários métodos que podem ser agrupados nas seguintes unidades lógicas - Seleções , Transições , Matrizes , Matemática , Cor , Escalas , SVG , Tempo , Layouts , Geografia , Geometria , Comportamentos .

Logo D3.js

O D3.js ajuda você a visualizar dados combinando técnicas poderosas de visualização e interação com uma abordagem baseada em dados para manipulação de DOM. Ele também fornece recursos completos de navegadores modernos, projetando a interface visual correta para seus dados.

D3.js version 1.0.0 foi lançado em 18 de fevereiro de 2011.

Por que, D3.js?

D3 * não introduz uma nova representação visual. Ao contrário do Processing , Raphaël ou Protovis , o vocabulário de marcas gráficas do D3 vem diretamente dos padrões web: HTML, SVG e CSS - https://d3js.org/

Iniciar

Existem mais de 20.000 + exemplos de D3.js com os quais você pode aprender, mas você nunca sabe o quão acessível qualquer um será! Então, a questão é: como você constrói sua visualização a partir dos primeiros princípios? Como você provavelmente já viu, a API do D3 é enorme, então vamos falar sobre alguns dos utilitários que serão particularmente úteis no início:

  • d3-scale

  • d3-shape

  • d3-selection

  • d3-collection

  • hierarquia d3

  • d3-zoom

  • d3-force

Assim, com apenas alguns conhecimentos básicos dos recursos mais recentes do HTML5, como o SVG, o Canvas, você pode mergulhar em um mundo onde a biblioteca como o D3.js traz dados para a vida! ###### Contribuição