La función d3.dsv() en D3.js es una parte de la API de solicitud que devuelve una solicitud para el archivo de tipo DSV. El tipo mimo es texto/DSV. Se puede especificar una función de conversión de fila opcional para mapear y filtrar objetos de fila.
Sintaxis:
d3.dsv(delimiter, inputfile, function);
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- delimitador: Es el delimitado como “,” o “-” y así sucesivamente que separa las columnas.
- inputfile: Es la ubicación del archivo de entrada.
- función: Es la función definida por el usuario que realiza ciertas acciones para tratar los datos.
A continuación se dan algunos ejemplos de la función dada anteriormente.
Nota: cree y guarde un nombre de archivo sample.dsv antes de continuar con el código.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
path1tent="width=device-width,
initial-scale=1.0"/>
<title>D3.js dsv() Function</title>
</head>
<style></style>
<body>
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-dsv.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-fetch.v1.min.js">
</script>
<script>
d3.dsv(",", "sample.dsv", (data) => {
console.log(data);
});
</script>
</body>
</html>
Producción:
Ejemplo 2: Cuando el delimitador es ” ” (espacio)
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
path1tent="width=device-width,
initial-scale=1.0"/>
<title>D3.js dsv() Function</title>
</head>
<style></style>
<body>
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-dsv.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-fetch.v1.min.js">
</script>
<script>
d3.dsv(" ", "sample.dsv", (data) => {
console.log(data.year, " ", data.population);
});
</script>
</body>
</html>
Producción:
