const renderer = new JsPDFRenderer(this.doc, { x: 50, y: 50, scale: 0.1 });

const renderer = new JsPDFRenderer(this.doc, { x: 50, y: 50, width: 40 });

renderChordDiagrams(): void {
    const renderer = new JsPDFRenderer(this.doc, { width: 35 });

    // Assuming this would be getting ChordDiagrams from the song 
    const chordDiagrams = [
      new ChordDiagram({
        ...
      }),
      new ChordDiagram({
        ...
      }),
    ];

    chordDiagrams.forEach((diagram) => {
      const { width, height } = diagram.measure(); // or getDimensions()
      
      if (this.x + width > this.columnWidth) {
        this.y += height + 10 // diagram y spacing configurable
        this.carriageReturn();
      }

      this.x += width + 10 // diagram x spacing configurable;
      
      if (this.y + height > this.doc.internal.pageSize.getHeight()) {
        // Move to the next column if the diagram doesn't fit
        // problem with not creating a new "render" instance is that the this.doc won't be updated to hold new page if it moves to next page
        // render functon should either get a new instance, or allow this.doc to be passed into the render function 
        this.moveToNextColumn();
      } 

      diagram.render(renderer,{ x: this.x, y: this.y}, this.doc);
    });
  }
}