Technologist passionate about Data Visualization & Creative Coding. DevRel @ Google Japan. all opinions are mine.
values = FileAttachment("values@1.json").json()
d3 = require("d3@6")
[d3.min(values), d3.median(values), d3.max(values)]
import {chart as chart1} with {values as data} from "@d3/histogram"
chart1
height = 200
import {chart as chart2} with {values as data, height} from "@d3/histogram"
chart2
chart3
values3 = Float64Array.from({length: 2000}, d3.randomNormal(mu, 2))
x = d3.scaleLinear([-10, 10], [margin.left, width - margin.right])
import {chart as chart3, margin, width} with {x, values3 as data, height} from "@d3/histogram"
import {Scrubber} from "@mbostock/scrubber"
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.
