Почему D3.js не видит JSON-данные?

Question

[skosterin88]

Делаю проект с использованием D3.js. Среди всего прочего, он должен открыть JSON-файл и взять из него исходные данные для визуализации. Решил проверить, а выполняется ли это условие. Оказалось, что нет.
Вот ссылка на проект на codepen: codepen.io/skosterin88/pen/PWXKpN.
console.log() по идее должен отобразить длину прочитанных данных, однако отображается 0. Т.е. ничего не прочитано.
Вопрос: что я делаю не так?

Answer 1

[Stepanya]

var url = "https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/GDP-data.json";
var dataset = [];

d3.json(url, function(error,json){
  dataset = [];
  for(var i = 0; i < json.data.length; i++)
  {
        dataset.push(
          {
            date: json.data[i][0], 
            value: json.data[i][1]
          }
        );
  }
  console.log(dataset.length);
});

Comments

[skosterin88]

Так, уже легче. Т.е. я правильно понимаю, что, если я хочу что-то делать дальше с этими данными, то мне надо это делать ВНУТРИ той внутренней функции, которая задана в качестве второго аргумента d3.json()?

[Stepanya]

skosterin88: Да, Вы правильно мыслите, только добавлю, что оптимальная длина функций должна быть не больше 10 строк.