Estoy tratando de leer un archivo csv con d3 en un entorno de nodo. Estoy un poco confundido sobre cuál es la "mejor práctica" y por qué sigo obteniendo un TypeError . Sé que para algún módulo de d3 debe estar presente un entorno que admita fetch . Por lo tanto, mi código en este momento se ve así:
import * as d3 from "d3"; import fetch from "node-fetch"; global.fetch = fetch; let data_path = "flightCodes.csv"; // would a d3.csvParse(fs.readFileSync(data_path)) be better? let data = await d3.csv(data_path, function (err, dat) { if (err) { console.log(err); } else { console.log(dat); } }); console.log(data);El archivo csv vive en la misma carpeta y se ve así:
orig,dest,orig_codes,dest_codes Paris,Lyon,"BVA, ORY, CDG",LYS Paris,Bordeaux,"BVA, ORY, CDG",BOD Paris,Nantes,"BVA, ORY, CDG",NTE Madrid,Barcelona,MAD,BCN Lisboa,Porto,LIS,OPO Mi package.json se ve así:
{ "name": "name", "version": "1.0.0", "description": "", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "d3": "^7.2.0", "d3-fetch": "^3.0.1", "node-fetch": "^3.1.0" } } Cuando hago un node script.js , obtengo lo siguiente y no entiendo completamente por qué. ¿Alguien podría tener una idea?
node:internal/errors:464 ErrorCaptureStackTrace(err); ^ TypeError [ERR_INVALID_URL]: Invalid URL at new NodeError (node:internal/errors:371:5) at onParseError (node:internal/url:552:9) at parse (<anonymous>) at new URL (node:internal/url:632:5)Si el archivo al que hace referencia no está disponible a través de una URL, entonces d3.csv (que usa fetch) no puede encontrarlo. Internamente, d3.csv obtiene los datos y luego llama a d3.csvParse para analizarlos, ¡para que pueda hacer lo mismo!
let data = d3.csvParse(fs.readFileSync(data_path)); Además, hubo otro problema con su código. La firma d3.csv(path, callback) está en desuso. En su lugar, ejecutará el segundo argumento en cada fila como una función de análisis. La forma correcta de llamarlo sería d3.csv(path).then(callback) o
const data = await d3.csv(path); callback(data);