Loading D3.js data from a simple JSON string

Question

Most of the examples in gallery load data from TSV files.

How can I convert the following to use a local json variable instead of TSV data?

d3.tsv(&quo         


        

Answer 1

For D3js v2 or v3 (not sure which one).

Declare your dataset

var dataset = { 
    "first-name": "Stack",
    "last-name": "Overflow",
}; // JSON object
var dataset = [ 5, 10, 15, 20, 25 ]; // or array

As stated by the doc, you can use either:

an array of numbers or objects, or a function that returns an array of values

Bind it

d3.select("body").selectAll("p")
    .data(dataset)
    .enter()
    .append("p")
    .text("New paragraph!");

More explanation at Scott Murray's D3's tutorial#Binding data.

The data() function apply to a selection, more information can be found in the official documentation: selection.data([values[, key]]).