La función d3.tsv() se usa para leer archivos “.tsv” o archivos con el carácter de “tabulador” como delimitador. En la función, si se especifica «init» , buscará y pasará por la llamada de función dada.
Sintaxis:
d3.tsv(input[, init][, row])
Parámetros: Esta función acepta tres parámetros como se mencionó anteriormente y se describe a continuación.
- inputFile: este parámetro toma la dirección del archivo de entrada.
- init: este parámetro acepta una llamada de función.
- fila: este parámetro acepta una función de conversión de fila opcional.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" path1tent=
"width=device-width,
initial-scale=1.0" />
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<script>
// Data of sample.tsv file
// year population
// 2010 3
// 2011 45
// 2009 68
// 2010 5
// 2014 59
// 2011 55
// 2005 5
d3.tsv("sample.tsv", function (d) {
console.log(d);
});
</script>
</body>
</html>
Nota: cree un nombre de archivo «sample.tsv» y guárdelo en la carpeta de trabajo antes de revisar el código.
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" />
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<script>
// Data of sample.tsv file
// x y
// 15 9
// 5 0
// 3 10
// 6 51
// 35 11
d3.tsv("sample.tsv", function (d) {
return d;
}, (d) => {
d.forEach((e) => {
console.log(e)
})
});
</script>
</body>
</html>
Producción:
