D3.js

¿ Qué es un visualizador de datos ?

¿Qué es D3.js?

D3.js (Data-Driven Documents)

Mike Bostock

@mbostock

Fundamentos

  • HTML
  • DOM (Document Object Model)
  • CSS
  • JavaScript
  • SVG (Scalable Vector Graphics)

Sintáxis de cadena

métodos separados por "." ( Si como en jQuery )

¿Cómo instalarlo?

  • NPM
  • Bower
  • CSS
  • Component
  • JSPM
  • Desde el repositorio
  • en la etiqueta Script con http://d3js.org/d3.v3.min.js

Datos

D3.js puede trabajar con arreglos de números, caracteres u objetos o archivos XML y CSV.

JSON

Primero seleccionó, luego existo 


					var dataset = [ 5, 10, 15, 20, 25];
					d3.select("#selectExample").selectAll("p")
						.data(dataset)
						.enter()
						.append("p")
						.text(function(d) { return "un nuevo p con dato de: " + d; });

Listos

Dudas ??