Custom nodes get stacked on top of each other about vivagraphjs HOT 1 CLOSED

  graphics
      .node((node) => {
        const ui = Viva.Graph.svg('g');
        const text = Viva.Graph.svg('text')
          .attr('text-anchor', 'middle')
          .attr('font-size', 18)
          .attr('fill', 'black')
          .text(node.id);

        const circle = Viva.Graph.svg('circle')
          .attr('r', nodeSize)
          .attr('fill', 'white')
          .attr('stroke', 'white')
          .attr('stroke-width', 2);

        // text.append(circle);

        // pin first and last node
        if (
          node.data.label === sortedTaskList[0].name ||
          node.data.label === sortedTaskList[sortedTaskList.length - 1].name
        ) {
          layout.pinNode(node, !layout.isNodePinned(node));
        }

        ui.append(circle);
        ui.append(text);
        console.log(ui);
        return ui;
      })
      .placeNode((nodeUI, pos) => {
        nodeUI.attr('transform', `translate(${pos.x - nodeSize / 2},${pos.y - nodeSize / 2})`);
      });`