d3.ascending(5, 4)
5 > 4
d3.ascending("Alice", "Bob")
"Alice" < "Bob"
[3, 2, 5, 4, 1].sort(d3.ascending)
"The quick brown fox jumps over the lazy dog".split(/\s/).sort(d3.ascending)
[1, 2, 10].sort() // 🌶 Yikes!
[1, 2, 10].sort(d3.ascending)
[1, 2, 10].sort((a, b) => a - b)
foods = [
{item: "Soup", votes: 4, emoji: "🍜"},
{item: "Cake", votes: 5, emoji: "🍰"},
{item: "Cabbage", votes: 1, emoji: "🥬"},
{item: "Ice Cream", votes: 4, emoji: "🍦"}
]
sortedFoods = foods.slice().sort((a, b) => d3.descending(a.votes, b.votes))
people = [
{first: "Barry", last: "Gibb"},
{first: "Robin", last: "Gibb"},
{first: "Vince", last: "Melouney"},
{first: "Maurice", last: "Gibb"},
{first: "Colin", last: "Petersen"}
]
people.slice().sort((a, b) => d3.ascending(a.last, b.last) || d3.ascending(a.first, b.first))
"The quick brown fox jumps over the lazy dog".split(/\s/).sort((a, b) => d3.ascending(a.toLowerCase(), b.toLowerCase()))
before = new Date(2018, 0, 1)
after = new Date(2019, 0, 1)
before < after
d3.ascending(before, after)
d3.descending(before, after)
before.valueOf()
+before
+before < +after
class Color {
constructor(r, g, b) {
this.r = r & 0xff;
this.g = g & 0xff;
this.b = b & 0xff;
}
valueOf() {
return (this.r << 16) | (this.g << 8) | this.b;
}
}
steelblue = new Color(70, 130, 180)
coral = new Color(255, 127, 80)
steelblue < coral
d3.ascending(steelblue, coral)
date1 = new Date(2018, 0, 1)
date2 = new Date(2018, 0, 1)
date1 === date2
d3.ascending(date1, date2)
[date1 <= date2, date1 >= date2]
people.slice()
.sort((a, b) => d3.ascending(a.first, b.first))
.sort((a, b) => d3.ascending(a.last, b.last))
"a" < 3
"a" > 3
d3.ascending("a", 3)
"10" > 3
d3.ascending("10", 3)
[3, 2, "a", 4, 1].sort(d3.ascending) // 🌶 Yikes!
["100", "67", "103", "245"].sort(d3.ascending) // 🧐
d3.autoType(["100", "67", "103", "245"]).sort(d3.ascending) // 😀
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.
