The avatar for @shwldus3
Chloe Noh
A back-end software engineer with front-end skill. Interested in data visualization and information architecture to provide clear and efficient information. Nowadays, I lecture on data visualization at Programmers.
Published
Learn D3
Edited
Jul 2, 2020
Fork of Learn D3: By Example
1 star
2
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@5")
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