Фоновое изображение не заполняет круг - D3 / JavaScript

См. Изображение ниже - Я не могу заставить мое изображение занимать весь круг, если я увеличиваю высоту, тогда изображение просто опускается, я изо всех сил пытался воспроизвести проблему в коде для минимальной версии, но мне жаль, что я просто не смог это сделать, я надеюсь, что если я покажу код, то этого будет достаточно, и, возможно, кто-нибудь заметит что-то, чего мне не хватает.

Изображение правильно заполняет большую часть круга, как вы можете видеть, и круг просто заполняется правильно, если я просто заливаю -> цвет.

Код:

Сначала я добавляю шаблон, как я видел в Интернете, а затем вызываю его идентификатор, чтобы изображение загружалось как заливка (URL-адрес).

Я что-то упускаю? Спасибо за любую возможную помощь.

insightAddCircleNodes(onClick: (node: EngagementGraphNode) => void): void {

const imgUrl = "https://ewsqa-images.weforum.org/topics/a1Gb0000001k6I5EAI/standard";
const circle = this.group
  .selectAll('circle.node')
  .data(this.nodes)
  .enter();


circle
  .append("pattern")
  .attr("id", "venus")
  .attr("patternContentUnits", "objectBoundingBox")
  .attr("width", "100%")
  .attr("height", "100%")
  .attr("x", 0)
  .attr("y", 0)
  .append("image")
  .attr("xlink:href", imgUrl)
  .attr("x", 0)
  .attr("y", 0)
  .attr("width", 1)
  .attr("height", 1);


circle
  // Centre - main node
  .filter(node => !node.parent)
  .append('circle')
  .classed('Engagement-GraphNode', true)
  .classed('Engagement-GraphNodeBackground', true)
  .classed('Engagement-GraphLeaf', node => node && (node.depth === 4 && !node.isExtraNode))
  .style('fill', node => `url(#venus)`)  <------- HERE IS WHERE I USE THE IMAGE
  // .style('fill', node => `url("engagement/${this.nodes[0].id}#pattern-${node.indicator.icon}")`)

  .style('opacity', node => (node.visible) ? 1 : 0)
  .style('visibility', node => (node.visible) ? 'visible' : 'hidden')
  .on('click', node => onClick(node));

Я ожидал, что изображение на заднем плане займет весь центральный круг. На самом деле я не совсем уверен, как задается размер кругов, но я предполагал, что, поскольку я использую `` 100% '', он должен заполнить его, также как я уже упоминал, если я скажу, попробуйте увеличить высоту шаблона и изображение, он просто перемещает изображение ниже.