Public
Edited
May 3, 2023
formatter = ({
decimalInteger: d3.format(',d'),
binaryInteger: d3.format('#b'),
underscoredBinaryInteger: underscoredLocale.format('#,b'),
hexadecimalInteger: d3.format('#X'),
floatingPointInteger: d3.format('.4g'),
})
Decimal Integer
| Value | Formatted |
| --: | --: |
| 3 | ${formatter.decimalInteger(3)} |
| 30 | ${formatter.decimalInteger(30)} |
| 31 | ${formatter.decimalInteger(31)} |
| 319 | ${formatter.decimalInteger(319)} |
| 319284746 | ${formatter.decimalInteger(319284746)} |
| -319284746 | ${formatter.decimalInteger(-319284746)} |
| 300000000 | ${formatter.decimalInteger(300000000)} |
Binary Integer
| Value | Formatted |
| --: | --: |
| 3 | ${formatter.binaryInteger(3)} |
| 30 | ${formatter.binaryInteger(30)} |
| 31 | ${formatter.binaryInteger(31)} |
| 319 | ${formatter.binaryInteger(319)} |
| 319284746 | ${formatter.binaryInteger(319284746)} |
| -319284746 | ${formatter.binaryInteger(-319284746)} |
| 300000000 | ${formatter.binaryInteger(300000000)} |
Underscored Binary Integer
| Value | Formatted |
| --: | --: |
| 3 | ${formatter.underscoredBinaryInteger(3)} |
| 30 | ${formatter.underscoredBinaryInteger(30)} |
| 31 | ${formatter.underscoredBinaryInteger(31)} |
| 319 | ${formatter.underscoredBinaryInteger(319)} |
| 319284746 | ${formatter.underscoredBinaryInteger(319284746)} |
| -319284746 | ${formatter.underscoredBinaryInteger(-319284746)} |
| 300000000 | ${formatter.underscoredBinaryInteger(300000000)} |
Hexadecimal Integer
| Value | Formatted |
| --: | --: |
| 3 | ${formatter.hexadecimalInteger(3)} |
| 30 | ${formatter.hexadecimalInteger(30)} |
| 31 | ${formatter.hexadecimalInteger(31)} |
| 319 | ${formatter.hexadecimalInteger(319)} |
| 319284746 | ${formatter.hexadecimalInteger(319284746)} |
| -319284746 | ${formatter.hexadecimalInteger(-319284746)} |
| 300000000 | ${formatter.hexadecimalInteger(300000000)} |
Floating Point
| Value | Formatted |
| --: | --: |
| 3.0 | ${formatter.floatingPointInteger(3.0)} |
| 3.001 | ${formatter.floatingPointInteger(3.001)} |
| 3.000001 | ${formatter.floatingPointInteger(3.000001)} |
| 3.14 | ${formatter.floatingPointInteger(3.14)} |
| 314.1592654 | ${formatter.floatingPointInteger(314.1592654)} |
| 314.1592654 | ${formatter.floatingPointInteger(314.1592654)} |
| 3141.592654 | ${formatter.floatingPointInteger(3141.592654)} |
| 31415.92654 | ${formatter.floatingPointInteger(31415.92654)} |
| 314159.2654 | ${formatter.floatingPointInteger(314159.2654)} |
| 3141592.654 | ${formatter.floatingPointInteger(3141592.654)} |
| 31415926.54 | ${formatter.floatingPointInteger(31415926.54)} |
| 0.3141592654 | ${formatter.floatingPointInteger(0.3141592654)} |
| 0.03141592654 | ${formatter.floatingPointInteger(0.03141592654)} |
| 0.003141592654 | ${formatter.floatingPointInteger(0.003141592654)} |
| 0.0003141592654 | ${formatter.floatingPointInteger(0.0003141592654)} |
| 0.00003141592654 | ${formatter.floatingPointInteger(0.00003141592654)} |
| 0.000003141592654 | ${formatter.floatingPointInteger(0.000003141592654)} |
| 0.0000003141592654 | ${formatter.floatingPointInteger(0.0000003141592654)} |
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.
