d3.format
d3.format(".1f")(0.1 + 0.2) // fixed decimal
d3.format(".0%")(0.123) // rounded percentage
d3.format("($.2f")(-3.5) // localized fixed-point currency
d3.format("+20")(42) // space-filled and signed
d3.format(".^20")(42) // dot-filled and centered
d3.format(".2s")(42e6) // SI-prefix with two significant digits
d3.format("#x")(48879) // prefixed lowercase hexadecimal
d3.format(",.2r")(4223) // grouped thousands with two significant digits
d3.format("s")(1500)
d3.format("~s")(-1500)
d3.format(".2")(42)
d3.format(".2")(4.2)
d3.format(".1")(42)
d3.format(".1")(4.2)
f = d3.formatPrefix(",.0", 1e-6)
f(0.00042)
f(0.0042)
s = Object.assign(d3.formatSpecifier("f"), {precision: d3.precisionFixed(0.01)})
d3.format(s)(42)
new d3.FormatSpecifier({type: "s"})
locale = d3.formatLocale({
decimal: ",",
thousands: "\u00a0",
grouping: [3],
currency: ["", "\u00a0€"],
minus: "\u2212",
percent: "\u202f%"
})
fformat = locale.format("$,")
fformat(123456.25)
{
const localeEnIN = await fetch("https://cdn.jsdelivr.net/npm/d3-format@1/locale/en-IN.json")
.then(d => d.json())
.then(d3.formatLocale);
const format = localeEnIN.format("$,");
return format(123456.25);
}
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.
