Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3数据可视化_Javascript_Html_Css_Csv_D3.js - Fatal编程技术网

Javascript D3数据可视化

Javascript D3数据可视化,javascript,html,css,csv,d3.js,Javascript,Html,Css,Csv,D3.js,我有一个包含Spotify 2010-2019年前10首歌曲的文件。每首歌都有持续时间、bpm、流派、能量等属性。我想在d3中重新创建下面的图表,显示每首歌的可舞性。每当你将鼠标悬停在每个点上时,它将显示歌曲的名称、年份、艺术家和舞蹈性。每年也有描述最小值、最大值、中值和四分位数范围的行。我已经附加了我正在使用的csv文件 为了进一步说明,可视化没有x比例。只是想按年份显示每首歌曲的可舞蹈性,类似于示例图 &这个问题问得不错,但你应该更具体地说明如何将每首歌曲放在X音阶上。。。

我有一个包含Spotify 2010-2019年前10首歌曲的文件。每首歌都有持续时间、bpm、流派、能量等属性。我想在d3中重新创建下面的图表,显示每首歌的可舞性。每当你将鼠标悬停在每个点上时,它将显示歌曲的名称、年份、艺术家和舞蹈性。每年也有描述最小值、最大值、中值和四分位数范围的行。我已经附加了我正在使用的csv文件

为了进一步说明,可视化没有x比例。只是想按年份显示每首歌曲的可舞蹈性,类似于示例图


&

这个问题问得不错,但你应该更具体地说明如何将每首歌曲放在X音阶上。。。