Published
Edited
Dec 7, 2019
Insert cell
Insert cell
Insert cell
simplyParseCSV = d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv")
Insert cell
Insert cell
d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv").then(
function(data) {
data.forEach(function(d) {
d.population = +d.population;
d["land area"] = +d["land area"];
});
return data;
}
)
Insert cell
Insert cell
d3.csv("https://cdn.rawgit.com/vlandham/js_data/master/data/cities.csv", function(d) {
return {
city : d.city,
state : d.state,
population : +d.population,
land_area : +d["land area"]
};
})
Insert cell
Insert cell
d3.tsv("https://cdn.rawgit.com/vlandham/js_data/master/data/animals.tsv")
Insert cell
Insert cell
psv = d3.dsvFormat("|")
Insert cell
// This parser can parse pipe-delimited text:
psv.parse("first|last\nabe|lincoln")[0]
Insert cell
Insert cell
d3.text("https://cdn.rawgit.com/vlandham/js_data/master/data/animals_piped.txt").then(
(txt) => psv.parse(txt))
Insert cell
Insert cell
d3.json("https://cdn.rawgit.com/vlandham/js_data/master/data/employees.json")
Insert cell
Insert cell
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;
}
)
Insert cell
Insert cell
Insert cell

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.
Learn more