Estou usando a biblioteca D3JS para carregar dados CSV denominados "data.csv". Ao clicar no botão, eu mostro no console o comprimento dos dados. Meu problema é que, se eu alterar os dados em "data.csv" entre duas ações no botão, os dados não serão atualizados.

Por exemplo, eu tenho um CSV com 100 dados e outro com 200. Primeiramente, coloquei meus 100 dados CSV na minha pasta e pressione o botão "Ler", posso verificar no console o comprimento dos dados, conforme o esperado "Dados comprimento = 100 ". Depois disso, substituo o arquivo CSV pelos 200 dados e pressiono o botão novamente, o console ainda exibe o mesmo comprimento de dados (100), minha variável de dados não foi atualizada com os novos dados do novo arquivo.

Como posso resolver meu problema de atualização de dados?

HTML

<button onclick="read_data()">Read</button>

Javascript

function read_data(){
    Plotly.d3.csv("data.csv", function(error, data) {
        console.log("Data length = " + data.length)
    })
}