Прежде всего, это отличается от предыдущего вопроса, заданного в постах, потому что я пытаюсь добиться градиента для всей древовидной карты в d3, как у нас в древовидных картах Google.

Я пытаюсь реализоватьhttp://bost.ocks.org/mike/treemap/ и работал над тем же, но в d3 я пытался иметь цветовой градиент в нем.

В настоящее время я делаю это

color = d3.scale.category20c()

а также

.style("fill", function(d) { return color(d.name)})

на моем элементе SVG. Но я хочу, чтобы цвет градиента больше походил на тепловую карту, чтобы сделать большие поля в дереве более зелеными, а меньшие - менее зелеными. есть ли способ в d3 / css указать это?