Функция зоны D3 не работает

Question

возникли проблемы с d3

В настоящее время я пишу функцию для генерации потокового графа, однако мне кажется, что я не понимаю, как вернуть путь для моих данных.

function streamGraph(){

        var selection = svg
            .select("g")
            .selectAll(".stream")
            .data(dataset);

        var base = {};
        keyField(dataset[0]).forEach(k => base[k] = 0);

        keyField(dataset[0]).forEach(key => {
            var streamArea = d3.area()
                .x(d => {console.log("hi?"); xScale(dataField(d))})
                .y0(d => yScale(base[key]))
                .y1(d => {console.log("hi"); base[key] = d[key]; return yScale(d[key])})
                .curve(d3.curveBasis);
            selection
                .enter()
                .append("path")
                .style("id", "key--" + key)
                .attr("d", streamArea)
                .attr("fill", fillScale(dataField))
        })

    }

ни один из журналов не печатается. Однако после проверки HTML путь имеет атрибут fill с цветом (хотя и неправильным). Я также пытался .attr("d", d => streamArea(d)) Однако это тоже не дало результата.

Любая помощь очень ценится, спасибо.