D3.js outils pour la version 4

Les différences entre la version 3 et la version 4 de d3 marquent une évolution importante. Outre la modularisation de la librairie, l'évolution du troisième paramètre des fonctions de callback, l'aplatissement des espaces de nom - cf. dans la présentation de Mike Bostock :
d3.scale.linear ↦ d3.scaleLinear
D'où quelques outils et tests - scripts passant sur Firefox Mac.

Terminaux avec les versions 3 et 4

Des interpréteurs d3.js en ligne :

• pour la version 3
• pour la version 4 directement et en modules

montés grâce au JQuery Terminal Emulator Plugin, afin d'à la volée évaluer des instructions d3.

Adaptation de la version 3 à la version 4

Partant de la démonstration Chained Transitions dont le script fait une quarantaine de lignes, adaptation à la version 4. De la version 3 à la v4, cinq lignes se distinguent sur des évolutions qui concernent 'scale' et 'each'/'on' :

var y = d3.scale.ordinal()
 .domain(d3.range(50))
 .rangePoints([0, height]);
↦ var y = d3.scalePoint()
 .domain(d3.range(50))
 .range([0, height]);

var z = d3.scale.linear()
↦ var z = d3.scaleLinear()

.each(slide);
↦ .on("end", slide);

.each("end", repeat);
↦ .on("end", repeat);

Ébauche de kits pour la version 4 avec RequireJS

d3/v4kit at master · interfacteur/d3 sur Github.