d3js Exercice 1 - number formats

forked from AlainRo's block: d3js Exercice 1 - number formats

<!DOCTYPE html>
<!--
 L'exemple d3js probablement le moins intimidant du monde. Encore que ?

d3 calcule une fonction de format de nombre à partir d'un descripteur.
 La fonction obtenue est appelée avec les données numériques.

La documentation se trouve:
	https://github.com/d3/d3-format
-->
<head>
  <meta charset="utf-8">
  
  <script src="https://d3js.org/d3-format.v1.js"></script>
</head>

<body>
  <pre>
  <script>
		for (var i = 0; i < 10; i++) {
  			document.writeln(0.1 * i);
		}

document.writeln();
		let x = 2.9971832; // <-- ICI POUR FAIRE VARIER LA VALEUR
		
		document.writeln('LE BAC A SABLE DES FORMATS DE NOMBRE\n');
    const f = d3.format('.1f');
		document.writeln(x + ' -> ' +  f(x));
		document.writeln((1000 * x) + ' -> ' +  f(1000*x));
    const s = d3.format('.2s');
		document.writeln(x + ' -> ' +  s(x));
  	document.writeln((x/1000) + ' -> ' +  s(x/1000));

// Essayer avec e, %, r, d, s 
// Lire la documentation https://github.com/d3/d3-format

// et on peut passer en français sans douleur */
	const locale = {
  	"decimal": ",",
  	"thousands": ".",
  	"grouping": [3],
  	"currency": ["", "\u00a0â‚¬"],
  	"percent": "\u202f%"
		};

d3.formatDefaultLocale(locale);

const r = d3.format('.2s');
		document.writeln(x + ' -> ' +  r(x));
/*
// Ca marche bien aussi avec node, naviguer vers
//https://npm.runkit.com/d3-format

var d3 = require("d3-format")

const f = d3.format('0.3');
console.log(f(2.56678));
 */

</script>
  </pre>
</body>

https://d3js.org/d3-format.v1.js