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 ??