Actualmente estoy aprendiendo los conceptos básicos de D3 y actualmente estoy intentando cargar un archivo csv en mi consola. Mi problema es que cada vez que intento cargar los datos, según los tutoriales en línea cuando ejecuto d3.csv(), debería terminar con una matriz, llena con los objetos en mi archivo csv.
Sin embargo, cuando inspecciono la consola después de ejecutar mi código, solo veo que ha registrado cada objeto individualmente, en lugar de como una matriz.
Actualmente, mi documento html se ve así:
<html lang="en"> <head> < meta charset="utf-8"> < title>D3 Page Template</title> < script type="text/javascript" src="../d3.js"></script> </head> <body> <script type="text/javascript"> d3.select("body").append("p").text("It's a paragraph!"); </script> <script> d3.csv("/data/food.csv", function(data) { console.log(data); }); </script> </body> </html>He leído y visto numerosos tutoriales sobre cómo cargar estos datos en la consola, aunque no puedo ver lo que no estoy implementando correctamente. Intuitivamente, espero que una vez que los datos se registren en la consola, debería poder llamarlos simplemente escribiendo datos en la consola o ingresando datos [1] para obtener el primer elemento, por ejemplo.
¿Alguien puede ayudarme a comprender lo que hice incorrectamente y cómo registrar los datos correctamente? ¡Cualquier información u orientación es muy apreciada!