Cómo importar datos XML utilizando d3.js?

Question

¿alguien puede proporcionar un ejemplo básico de cómo importar datos desde un archivo XML usando d3?

Mi archivo XML es el siguiente:

<data> 
     <value>71</value> 
     <value>12</value> 
     <value>44</value> 
     <value>88</value> 
    </data> 

¿Cómo puedo agregar estos valores a una matriz de datos? Esto es lo que he intentado hasta ahora:

d3.xml("values.xml", function(xml) { 
    d3.select(xml).selectAll("data").each(function(data) { 
     d3.select(data).selectAll("value"); 
     //add data to array?; 
     }; 
}); 
    //use Array 

Answer 1

El objeto XML que se pasa a la devolución de llamada es el elemento raíz del DOM XML (ver https://github.com/mbostock/d3/wiki/Requests#wiki-d3_xml), y por lo tanto se necesita procesar usando el JavaScript XML/DOM instalaciones de acceso (ver http://www.hiteshagrawal.com/javascript/javascript-parsing-xml-in-javascript).

He escrito un pequeño ejemplo que muestra cómo utilizar d3.xml para crear un gráfico de barras (basado en el ejemplo Barchart d3 originales http://mbostock.github.com/d3/tutorial/bar-1.html):

Enlace para ver ejemplo: http://bl.ocks.org/2772585

Enlace con Código XML: https://gist.github.com/lgrammel/2772585