freeCodeCamp/guide/spanish/d3/index.md

2.8 KiB

title localeTitle
D3 D3

D3: Documentos controlados por datos

Data-Driven Documents (D3.js) es una biblioteca de JavaScript para producir visualizaciones de datos dinámicas e interactivas en navegadores web. D3.js API contiene varios métodos que se pueden agrupar en las siguientes unidades lógicas: Selecciones , Transiciones , Arreglos , Matemáticas , Color , Escalas , SVG , Tiempo , Diseños , Geografía , Geometría , Comportamientos .

Logo D3.js

D3.js lo ayuda a visualizar datos combinando potentes técnicas de visualización e interacción con un enfoque basado en datos para la manipulación de DOM. También proporciona todas las capacidades de los navegadores modernos al diseñar la interfaz visual adecuada para sus datos.

La versión 1.0.0 de D3.js se lanzó el 18 de febrero de 2011.

¿Por qué, D3.js?

D3 * no introduce una nueva representación visual. A diferencia de Processing , Raphaël o Protovis , el vocabulario de las marcas gráficas de D3 proviene directamente de los estándares web: HTML, SVG y CSS - https://d3js.org/

Empezar

Hay más de 20,000 ejemplos de D3.js de los que podrías aprender, ¡pero nunca sabes qué tan accesible será cualquiera! Entonces, la pregunta es: ¿cómo construyes tu visualización desde los primeros principios? Como probablemente haya visto, la API de D3 es masiva, así que llamemos algunas de las utilidades que serán particularmente útiles desde el principio:

  • escala d3

  • forma d3

  • d3-selección

  • colección d3

  • jerarquía d3

  • d3-zoom

  • fuerza d3

Por lo tanto, con solo un conocimiento básico de las últimas funciones HTML5 como SVG, Canvas puede sumergirse en un mundo donde las bibliotecas como D3.js dan vida a los datos. ###### Contribución