Использование CSV-файла в npm версии d3 v5

Question

Я работаю над реактивным проектом и использую d3. Я использовал npm для установки модуля d3 в моем проекте. У меня сейчас версия 5.9.2 из d3 в моем проекте. У меня есть CSV-файл, который я хочу использовать в D3. Я пытался найти способ использовать его, но не мог получить даже один ресурс для того же. Каждый пост использует CSV-файл следующим образом:

d3.csv("sp500.csv", type, function(error, data) {
    if (error) throw error;

    //do something here
}

Но у меня нет ни одного модуля с именем d3.csv в моих установленных модулях. Все что у меня есть d3-dsv

В настоящее время я пытаюсь использовать его таким образом

import {dsvFormat, csvParse, csvParseRows, csvFormat, csvFormatBody, csvFormatRows} from 'd3-dsv'

csvFormat("sp500.csv", this.type.bind(this), function(error, data) {

            console.log("data is")

            //do something here
}

Но мне здесь не повезло. Похоже, что csvFormat не является эквивалентом d3.csv. Как я могу использовать CSV-файл?

Answer 1

Ваш синтаксис d3.csv взят из старых версий, если D3. В последних версиях D3 использует fetch для загрузки ресурсов, а синтаксис d3.csv (и другие подобные методы, такие как d3.json и d3.text) изменен, чтобы быть похожим на синтаксис fetch:

let url = "https://raw.githubusercontent.com/oncletom/coursera-ml/master/week-1/people-example.csv";

d3.csv(url).then(data => {
  console.log(data)
}).catch(error => {
  console.error(error)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>