Связывание ds.js Диаграмма рассеяния с данными JSON

Question

Возможно ли создать диаграмму рассеяния в ds.js путем привязки данных JSON? Примеры на веб-сайте ds используют файлы TSV и CSV-файлы, которые я мог бы создать, но предпочли бы привязываться к данным, возвращаемым в виде списка объектов с сервера. Я видел примеры других элементов управления d3, которые привязаны к форматированным данным JSON, но я не могу понять, как переносить эту функциональность на диаграмму рассеяния.

Answer 1

Таким образом, чтобы быстро изменить пример на bl.ocks.org/mbostock/3887118

В файле index.html, закомментировать или удалить:

d3.tsv("data.tsv", function(error, data) { 
    data.forEach(function(d) { 
    d.sepalLength = +d.sepalLength; 
    d.sepalWidth = +d.sepalWidth; 
    }); 

, а также заключение

}); 

в самом конце файла.

Add, до вызова d3.tsv:

data = [ 
    { sepalLength:4.4, sepalWidth:3.5, petalLength:1.4, species: "setosa"}, 
    { sepalLength:4.9, sepalWidth:3.0, petalLength:1.3, species: "setosa"}, 
    { sepalLength:4.5, sepalWidth:3.0, petalLength:1.7, species: "setosa"}, 
    { sepalLength:4.2, sepalWidth:3.1, petalLength:1.5, species: "virginica"}, 
]; 

Готово.

Теперь вы, вероятно, захотите получать данные с сервера, поэтому вы просто используете вызов d3 json вместо статических данных или вызов d3.tsv.