Ahora vamos a buscar datos a un CSV, alojado en un repositorio de GitHub; con esto voy a buscar el CSV a una URL que comienza con https, así me evito bloqueos de contenido mixto, y de paso me evito tener que instalar un servidor local, que es lo que tendría que hacer si es que quisiera consultar un archivo local.
Las dos primeras líneas del CSV que vamos a buscar se ven así:
mag,location,alternative,date_utc,time_utc,latitude,longitude,references
9.5,"Bio-Bio, Chile","Valdivia Earthquake",1960-05-22,19:11,-38.14,-73.41,"Kanamori & Anderson, 1975"
…
…
…
Cuando D3.js toma los datos de un CSV lo transforma en un arreglo, que almacena tantos objetos como filas:
[
{
alternative:"Valdivia Earthquake"
date_utc:"1960-05-22"
latitude:"-38.14"
location:"Bio-Bio, Chile"
longitude:"-73.41"
mag:"9.5"
references:"Kanamori & Anderson, 1975"
time_utc:"19:11"
},
{…},
{…}…
]
Además, transforma la primera fila, que supone encabezado, en los denominadores de los pares dentro de cada objeto, pares que ordena alfabéticamente. Por esto corresponde ser cuidadoso con los nombres que se usen en el CSV: Deben evitar espacios, acentos y tildes.
En caso les llame la atención que el terremoto de Validivia tenga por ubicación a "Bio-Bio, Chile", corresponde recordar que la división regional, aún numerada, es "herencia" de la dictadura. En 1960 las regiones eran otras.