Learn JS DataGetting Started (Learn JS Data)Combining Data (Learn JS Data)Summarizing Data (Learn JS Data)Iterating Over and Reducing Data (Learn JS Data)Grouping Data (Learn JS Data)Working with Strings (Learn JS Data)Regular Expressions (Learn JS Data)Working with Time (Learn JS Data)Checking Data Assumptions (Learn JS Data)
Reading in Data (Learn JS Data)
data = d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv")
d3
.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv")
.then(data => {
data.forEach(d => {
d.population = +d.population;
d["land area"] = +d["land area"];
});
return data;
})
d3
.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv")
.then(data => {
for (let d of data) {
d.population = +d.population;
d["land area"] = +d["land area"];
}
return data;
})
d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv", d => ({
city: d.city,
state: d.state,
population: +d.population,
land_area: +d["land area"]
}))
d3.csv(
"https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv",
d3.autoType
)
d3.tsv("https://cdn.rawgit.com/vlandham/js_data/master/data/animals.tsv")
psv = d3.dsvFormat("|")
// This parser can parse pipe-delimited text:
psv.parse("first|last\nabe|lincoln")[0]
d3.text("https://cdn.rawgit.com/vlandham/js_data/master/data/animals_piped.txt").then(
(txt) => psv.parse(txt))
d3.json("https://cdn.rawgit.com/vlandham/js_data/master/data/employees.json")
Promise.all([d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv"),
d3.tsv("https://cdn.rawgit.com/vlandham/js_data/master/data/animals.tsv")])
.then(
function success(allData) {
const cities = allData[0],
animals = allData[1];
return [cities[0], animals[0]];
},
function error(e) {
throw e;
}
)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
