d3.min([3, 2, 1, 1, 6, 2, 4])
d3.max([3, 2, 1, 1, 6, 2, 4])
d3.extent([3, 2, 1, 1, 6, 2, 4])
d3.minIndex([3, 3, 1, 1])
d3.maxIndex([3, 3, 1, 1])
d3.min(["Driven", "Data", "Documents"])
d3.min("😻😼😾😸😿😺😽🙀😹")
d3.min([new Date(), new Date("2018"), new Date("2011-03-09")])
Math.min(3, 2, 1, NaN, null, undefined, 4) // 🕷
d3.min([3, 2, 1, NaN, null, undefined, 4]) // 👍
d3.min([])
d3.minIndex([NaN, undefined, ,])
d3.min(["2", "3", "10"]) // 🌶
d3.min(["2", "3", "10", "N/A"], s => +s)
{
const strings = ["2", "3", "10", "N/A"];
const numbers = strings.map(s => +s);
return d3.min(numbers);
}
flights = [
{airline: "Icelandair", price: 1621, stops: 3},
{airline: "Multiple airlines", price: 1381, stops: 2},
{airline: "Air France", price: 1948, stops: 0},
{airline: "WestJet", price: 1711, stops: 1},
{airline: "Air France", price: 1951, stops: 1},
{airline: "French Bee", price: 1780, stops: 1}
]
d3.min(flights, d => d.price)
d3.minIndex(flights, d => d.price)
flights[d3.minIndex(flights, d => d.price)]
d3.least(flights, (a, b) => d3.ascending(a.price, b.price))
threshold = 0.6
numbers = Float64Array.from({length: 100}, Math.random)
d3.min(numbers, d => d >= threshold ? d : NaN)
set = new Set([3, 2, 1, 2, 3])
d3.min(set)
d3.minIndex(set)
data = context.getImageData(0, 0, context.canvas.width, context.canvas.height).data
function* asIntensities(data) {
for (let i = 0; i < data.length; i += 4) {
const r = data[i + 0] / 255;
const g = data[i + 1] / 255;
const b = data[i + 2] / 255;
yield r * 0.2989 + g * 0.5870 + b * 0.1140;
}
}
intensities = Float64Array.from(asIntensities(data))
d3.extent(asIntensities(data))
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.
