title: How to access nested data Values in D3
body: <p>I have nested my data like this</p>
  
  <pre><code>var nested_data = d3.nest()
    .key(function(d) { return d.Country; })
    .entries(CSV);
  </code></pre>
  
  <p>and have found that I can access the values of my array if I use this function when I bind the data</p>
  
  <pre><code>name.selectAll('.name')
      .data(function(d) {
        return d.values;   &lt;--- Accesses the nested data
      })
       .text(function(d) {
        return d.Name;     &lt;--- Nested value
      })
  </code></pre>
  
  <p>However I am having trouble using this elsewhere in my project. Another nested value that I need is a string called ['starting point']. How can I can access this value to use in this d3.filter() for example? </p>
  
  <pre><code>var filter = nested_data.filter(function(d) {
      return ("Island" == d['starting point'])
  });
  </code></pre>
  
  <p>I'd like to try: d.values['starting point'] </p>
  
  <p>or even creating a new variable</p>
  
  <p>var nested_values = nested_data(function(d) { return d.values});</p>
  
  <p>but none of this is valid. What should I do here?</p>