Manejo de archivos

Solicitudes de datos

Solicitudes de datos
Para desplegar información, lo primero es contar con datos. Existen diversas
formas de obtener datos en el browser.
Cuando se utilizan pequeñascantidades de datos se pueden escribir los
valores directamente en el script. Sin embargo, una de las formas más
versátiles de cargar datos en el browser es usar XMLHttpRequest o XHR.
Este mecanismopermite cargar datos en forma asincrónica (de forma que el
resto de la página puede desplegarse mientras los datos son cargados).

1

Solicitud TEXT

Solicitud TEXT
La funciónd3.text(url,callback) solicita un archivo de texto a un url
específico. Esta solicitud es procesada en forma asíncrona, de forma que
este método retorna inmediatamente después que se abre la solicitud.
Cuando eltexto está disponible, la función de callback será invocada, siendo
pasado el texto, en el atributo responseText de la solicitud. Si sucede algún
error, la función se invoca con parámetro null:d3.text("archivo.txt", function(responseText) {
d3.select("body")
.append("p")
.text(responseText);
});

2

Solicitud JSON

Solicitud JSON
La función d3.json(url,callback) solicita unarchivo json a un url específico.
Esta solicitud es procesada en forma asíncrona, de forma que este método
retorna inmediatamente después que se abre la solicitud.
Cuando los datos están disponible, lafunción de callback será invocada,
siendo pasado objeto json, en el atributo response de la solicitud. Si sucede
algún error, la función se invoca con parámetro null:
d3.json("archivo.json",function(response) {
d3.select("body").selectAll("p")
.data(response.profesores)
.enter()
.append("p")
.text(function(d) {return d.nombre});
});

3

Datos de ejemplo JSON

Datos de ejemploJSON
{ "profesores":[
{"nombre":"Pedro Perez",
"edad":34,
"curso":"Economia 1"},
{"nombre":"Roberto Rojas",
"edad":45,
"curso":"Matematica basica"},
{"nombre":"Gilberto Gomez",
"edad":38,...