La función d3.csv() en D3.js es una parte de la API de solicitud que devuelve una solicitud del archivo de tipo CSV en la URL especificada. El tipo mimo es texto/CSV.
Sintaxis:
d3.csv(url[[, row], callback])
Parámetros:
- url: Es la URL del archivo que se va a buscar.
- devolución de llamada: es la función que se realizará después de recuperar el archivo.
Valor de retorno: Devuelve una solicitud del archivo de tipo text/csv.CSV
Ejemplo 1: Obtener un archivo llamado sample.csv que está almacenado en la misma ubicación donde está presente index.html. Cree el archivo sample.csv si aún no lo ha creado. Los datos del archivo CSV se proporcionan como comentario en el código a continuación.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" path1tent=
"width=device-width,initial-scale=1.0">
</head>
<body>
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
<script>
// Sample.csv file data
// should be like this
// year, population
// 2006, 40
// 2008, 45
// 2010, 48
// 2012, 51
// 2014, 53
// 2016, 57
// 2017, 62
// Fetch file
d3.csv("sample.csv", (d) => {
console.log(d)
})
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" path1tent=
"width=device-width,initial-scale=1.0">
</head>
<body>
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
<script>
// Fake json request
d3.csv(
"https://jsonplaceholder.typicode.com/todos/1",
(d) => {
console.log(d)
})
</script>
</body>
</html>
Producción:
