Load and Inspect Data with D3 v4

Share this video with your friends

Send Tweet

You probably use a framework or standalone library to load data into your apps, but what if that’s overkill for your needs? What if you’re just putting together a quick demo? This lesson demonstrates D3’s APIs for loading data on its own, as well as some helpful methods for inspecting your data and preparing it for use with D3.

Roman Frołow
Roman Frołow
~ 3 years ago

With d3 v5 you load json with promise:

d3.json("data.json").then(function (data) {
    var extent = d3.extent(data, function (d) {
	return d.age
    })
    console.log("extent", extent)
    
    let scale = d3.scaleLinear()
        .domain(extent)
        .range([0, 600])
    console.log(scale(22))
})

https://github.com/d3/d3-fetch/blob/master/README.md#json

Aman Gupta
Aman Gupta
~ 3 years ago

+1 Roman

Brendan Whiting
Brendan Whiting
~ 2 years ago

How's the d3 set different from the native JavaScript set?