Разветвленный скрипт, представленный ниже, был преобразован из D3.js v3 в v4.

Сравнивая две сущности ниже:

  • .scaleBand() v4 заменил .scale.ordinal() v3.
  • .rangeRound() и .padding() из v4 заменили rangeRoundBands() из v3.
  • .padding() - это удобный метод, который устанавливает для значений paddingInner и paddingOuter одно и то же значение, см. Рис.1.
  • console.log(bands.bandwidth()) v4 заменил console.log(bands.rangeband()) v3.

Разветвленный скрипт v4 выше. Оригинальный скрипт v3 ниже.

D3.js 3.5.17, похоже, существует аналогично Python 2.7.13. Поддерживается, чтобы не оттолкнуть пользователей v3.