Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <script src="//cdn.rawgit.com/erosson/swarm-numberformat/v0.1.0/dist/swarm-numberformat.js"></script>
  <script src="//cdn.rawgit.com/MikeMcl/decimal.js/v7.0.1/decimal.js"></script>
  <script>
    document.write(
      '<br>swarm-numberformat formats numbers with nice suffixes: '
      +numberformat.format(1.23e6)+', '
      +numberformat.format(123e45));
    document.write(
      '<br>other built-in formats (long-scale, scientific, engineering): '
      +numberformat.format(1.23e10, {format: 'standard'})+', '
      +numberformat.format(1.23e10, {format: 'longScale'})+', '
      +numberformat.format(1.23e10, {format: 'scientific'})+', '
      +numberformat.format(1.23e10, {format: 'engineering'}));
    document.write(
      '<br>.formatShort() or {flavor: "short"}: abbreviated suffixes (full, short): '
      +numberformat.formatShort(1.23e6)+', '
      +numberformat.formatShort(123e45));
    document.write(
      '<br>custom significant figures: '
      +numberformat.format(1.23e6, {sigfigs: 2})+', '
      +numberformat.format(123e45, {sigfigs: 20}));
    document.write(
      '<br>Decimal.js support, break the 1e308 barrier: '
      +numberformat.format(new Decimal('1.23e6'), {backend: 'decimal.js'})+', '
      +numberformat.format(new Decimal('1.23e10000'), {backend: 'decimal.js', format: 'engineering'}));
    document.write(
      '<br>custom suffixes: '
      +numberformat.format(1.23e6, {suffixes: ['', 'kilo', 'mega', 'giga', 'tera']})+', '
      +numberformat.format(123e45, {suffixFn: function(index) {return ' x 10 ^ '+3*index}}));
    var formatter = new numberformat.Formatter({format: 'engineering'})
    document.write(
      '<br>use formatter objects for default parameters (default object is numberformat.default): '
      +formatter.format(1.23e6)+', '
      +formatter.format(123e45));
    document.write(
      '<br>present the different formats to your users as choices in an options UI: '
      // `numberformat.default` is the default numberformat.Formatter object, used by numberformat.format()
      +JSON.stringify(numberformat.default.listFormats()));
  </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
erossonpro
0viewers