data = {
const timeParser = d3.timeParse("%d %b %Y"); // https://observablehq.com/@bumbeishvili/d3-timeformat-playground
const csvString = await FileAttachment("Cells in Journal_ Getting Started with Data Viz - Journal cells - 25 May 2020.csv").text();
const rowConversionFunction = ({
"Title": title,
"URL": url,
"Number of cells": y,
"Date": x
}) => ({
title,
url,
x: timeParser(x),
y: +y
});
const dataObjectTarget = d3.csvParse(csvString, rowConversionFunction);
const extraPropertiesSource = {xAxisLabel: "Date →", yAxisLabel: "↑ Cells"};
return Object.assign(dataObjectTarget, extraPropertiesSource);
}
d3 = require("d3@v5")
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.
