The avatar for @sengokyu
sengokyu
Published
D3.js
Edited
Apr 12, 2020
D3.js
D3.js Basic Pie Chart with LegendD3.js Study of Pre-defined Color InterpolatorD3.js Study of Force layout (3) - forceManyBody/ forceX / forceYD3.js Basic Pie Chart with clear positioning LabelD3.js Study of Force layout (2) - forceY / forceCollideD3.js Study of Force layout (1) - forceManyBody / forceCenter / forceCollideD3.js Basic Pie Chart with LabelD3.js Basic Pie ChartD3.js Diverging ScaleD3.js Sequential ScaleD3.js Log ScaleD3.js Power Scale
D3.js Linear Scale
Insert cell
Insert cell
d3 = require('d3@5')
Insert cell
Insert cell
linearNumber = d3
.scaleLinear()
.domain([0, 100])
.range([0, 50])
Insert cell
linearNumber(20)
Insert cell
linearNumber(80)
Insert cell
Insert cell
linearColor = d3
.scaleLinear()
.domain([0, 100])
.range(["steelblue", "orange"])
Insert cell
linearColor(50)
Insert cell
Insert cell
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