使用%%javascript magic时如何从JupyterHub工作区打开文件？

我将JupyterHub与JupyterLab结合使用。 我在该用户的工作区中有一个用户“test”和一个文件“data.csv”

我想使用%%javascript magic并用d3.js加载该文件

但是，url“/data.csv”不起作用

=>从JupyterHub工作区加载文件的正确相对url是什么

%%html 
<div id = "root"/>

---

相关的：

相对url为“/files/data.csv”。 此外，我还遇到了一个异步问题，我通过以下方式解决了该问题：

%%javascript
//define plot method
window.plot = async (d3)=>{
    var text = await d3.text('./files/data.csv');  
    console.log(text);  
}

%%javascript
//execute plot method
var d3Import = document.createElement('script')
d3Import.src = 'https://d3js.org/d3.v6.min.js';
d3Import.addEventListener('load', ()=>plot(d3));
document.body.appendChild(d3Import);

%%javascript
//define plot method
window.plot = async (d3)=>{
    var text = await d3.text('./files/data.csv');  
    console.log(text);  
}