bad = d3.csvParse(text)
Inputs.table(bad, {width: 550})
rows = d3.csvParseRows(text)
Inputs.table(rows, {width: 550})
better = csvParseDuplicate(text)
Inputs.table(better, {width: 550})
function csvParseDuplicate(text, {empty = "_default", dedup = (name, j) => `${name}~${j}`} = {}) {
const columns = [];
return Object.assign(d3.csvParseRows(text, (row, i) => {
if (i === 0) {
for (let name of row) {
let n = name || (name = empty);
let j = 0;
while (columns.includes(n)) n = dedup(name, ++j);
columns.push(n);
}
return;
}
return Object.fromEntries(columns.map((c, i) => [c, row[i]]));
}), {columns});
}
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.
