The avatar for @taquo
Takuo Suzuki
Technologist passionate about Data Visualization & Creative Coding. DevRel @ Google Japan. all opinions are mine.
Published
D3 を学ぶ
Edited
Fork of Learn D3: By Example
2
D3 を学ぶ
イントロダクション
By Example
D3を学ぶ: DataD3を学ぶ: スケール/尺度D3を学ぶ: シェイプ/図形D3を学ぶ: アニメーションJoins/連結インタラクション更なる学習を進める上で
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
values = FileAttachment("values@1.json").json()
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell
[d3.min(values), d3.median(values), d3.max(values)]
Insert cell
Insert cell
import {chart as chart1} with {values as data} from "@d3/histogram"
Insert cell
chart1
Insert cell
Insert cell
Insert cell
height = 200
Insert cell
import {chart as chart2} with {values as data, height} from "@d3/histogram"
Insert cell
chart2
Insert cell
Insert cell
Insert cell
chart3
Insert cell
Insert cell
values3 = Float64Array.from({length: 2000}, d3.randomNormal(mu, 2))
Insert cell
x = d3.scaleLinear([-10, 10], [margin.left, width - margin.right])
Insert cell
import {chart as chart3, margin, width} with {x, values3 as data, height} from "@d3/histogram"
Insert cell
Insert cell
Insert cell
import {Scrubber} from "@mbostock/scrubber"
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