如何在d3.js中正确读取非标准编码的CSV文件

Question

我有一个像这样的小。csv文件:

Game,Country,Number of Users,Average Rating
Formula D,Venezuela,1,9
Formula Dé,Australia,16,7.09
Ticket to Ride: Märklin,Argentina,1,9.2
Zooloretto,Vietnam,1,7.2

我尝试以标准的D3.js方式读取文件:

d3.csv('small.csv').then(data => console.log(data));

问题是第二个和第三个游戏的名称没有正确编码。

游戏的名称应该是:公式D代替公式D√©乘车票:Märklin而不是乘车票:M√§rklin

如何读这个文件正确吗?提前感谢您的帮助。

Answer 1

在最新版本的d3 (v7.1.1)似乎没有任何问题。代码片段如下:

d3.csv(
'https://gist.githubusercontent.com/shreshthmohan/5af5d1f0a62858bc2cd380838dc00db6/raw/e394fbc220f34f8c8b3adde0ec8e2c8cd2b71726/small.csv',
).then(data => {

d3.select('body')
.selectAll('p')
.data(data)
.join('p')
.text(d => d.Game)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.1.1/d3.min.js" integrity="sha512-COTaPOlz12cG4fSfcBsxZsjauBAyldqp+8FQUM/dZHm+ts/jR4AFoJhCqxy8K10Jrf3pojfsbq7fAPTb1XaVkg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>