Развернутый текст пути дерева d3

Question

Я новичок в D3.Я использую потрясающий пример Collapsible Tree (https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd)) и пытаюсь получить текст, который будет отображаться на путях, соединяющих каждый узел. Например, я хотел бы написать «foo» в строке, соединяющей «Верхний уровень»"и" Уровень 2: A ", а затем я хотел бы написать" бар "на строке, соединяющей" Верхний уровень "и" Уровень 2: B ".

Я вижу раздел ссылок ниже в коде...

// ****************** links section ***************************

// Update the links...
var link = svg.selectAll('path.link')
    .data(links, function(d) { return d.id; });

// Enter any new links at the parent's previous position.
var linkEnter = link.enter().insert('path', "g")
    .attr("class", "link")
    .attr('d', function(d){
      var o = {x: source.x0, y: source.y0}
      return diagonal(o, o)
    });

Но я не уверен, как добавить текст к этим ссылкам. Если кто-нибудь может помочь или дать мне какие-либо подсказки, это будет очень ценно. Спасибо!