如何在D3中使用CSV数据 [英] How to use CSV data in d3

问题描述

我想做什么

我的CSV看起来像这样

My CSV looks like this

,,Name,First names,s,r,Nat,born,starting point,starting date,arrival date,days,km,Assist,Support,Style,note,arrival date 2
1,1,KAGGE,Erling,,,Nor,1/15/1963,Berkner Island,11/18/1992,1/7/1993,50,appr. 1300,n,n,solo,first solo unassisted,
2,2,ARNESEN,Liv,f,,Nor,6/1/1953,Hercules Inlet,11/4/1994,12/24/1994,50,1130,n,n,solo,first woman unassisted,
3,3,HAUGE,Odd Harald,,,Nor,1956,Berkner Island,11/4/1994,12/27/1994,54,appr. 1300,n,n,,,

我应该如何导入CSV，以便能够访问诸如

How should I import my CSV so that I will be able to access data such as

 .text(function(d) {
      return d['starting point'];
   });

我尝试过的事情

我尝试过嵌套数据

d3.csv("data.csv", function(csv_data) {
  var data = d3.nest()
    .key(function(d) {
      return d.Name;
    })
    .entries(csv_data)
console.log(data);

在我的控制台中看起来像这样:

which in my console looks something like this:

0: Object
  key: " DICKINSON"
  values: Array[2]
    0: Object
      Assist: "n"
      First names: "Conrad"
      Name: " DICKINSON"
      Nat: "UK"
      starting point: "Hercules Inlet"
1:Object
2:Object
....

但是我只能返回d.key

However I am only able to return d.key

 .text(function(d) {
      return d.key;
   });

我在之前问过这个问题代码示例，但我认为我的问题太令人困惑.如果有人可以帮助我获取我的数据，我将不胜感激！

I have asked this question before with code examples but I think my question was too confusing. If anyone could help me get to my data I would be really grateful!

推荐答案

不要嵌套它.

 d3.csv("data.csv", function(csv_data) {
   select("body")
     .append("div")
    .selectAll('p')
     .data(csv_data)
     .enter()
     .append('p')
     .text(function(d) { d.Name + ', ' + d.location...})
 });

这篇关于如何在D3中使用CSV数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！