Диаграмма Санки d3.js - изменение плотности частиц и формы

Question

Я разрабатываю диаграмму Санки, используя D3 и найденный код здесь , но как я могу сделать частицы такими же плотными, как эта и иметь квадратную форму?К сожалению, я пока не смог понять это.

Я считаю, что этот фрагмент кода может быть уместным:

  var linkExtent = d3.extent(energy.links, function (d) {return d.value});
  var frequencyScale = d3.scale.linear().domain(linkExtent).range([0.05,1]);
  var particleSize = d3.scale.linear().domain(linkExtent).range([1,5]);


  energy.links.forEach(function (link) {
    link.freq = frequencyScale(link.value);
    link.particleSize = 2.5;
    link.particleColor = d3.scale.linear().domain([0,1])
    .range([link.source.color, link.target.color]);
  })

Спасибо.

Answer 1

как я могу сделать частицы такими же плотными, как этот

Вы должны уменьшить задержку таймера и добавлять больше частиц на каждом тике.

и квадрат-shape

Вы должны использовать context.fillRect () вместо context.arc () на холсте.