Technologist passionate about Data Visualization & Creative Coding. DevRel @ Google Japan. all opinions are mine.
FileAttachment("temperature.csv")
FileAttachment("temperature.csv").text()
d3.csvParse(await FileAttachment("temperature.csv").text())
"62.7" + "59.9" // 122.6? Nope!
d3.csvParse(await FileAttachment("temperature.csv").text(), d3.autoType)
1 + 1
name = "fred"
[...name].reverse().join("")
sum = {
let s = 0;
for (let i = 0; i < 11; ++i) {
s += i;
}
return s;
}
s // not defined!
data = {
const text = await FileAttachment("temperature.csv").text();
const parseDate = d3.utcParse("%Y-%m-%d");
return d3.csvParse(text, ({date, temperature}) => ({
date: parseDate(date),
temperature: +temperature
}));
}
d3.extent(data, d => d.date)
d3.extent(data, d => d.temperature)
temperatures = data.map(d => d.temperature)
import {chart as temperatureHistogram} with {temperatures as data, height} from "@d3/histogram"
temperatureHistogram
height = 200
d3 = require("d3@6")
import {keyStyled} from "@mbostock/keys"
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.
