Solução para traçar reta entre 2 pontos

Bom dia a todos,

Estou com uma tarefa um tanto difícil, gostaria de compartilhar com vcs:

Tenho uma tabela onde em cada encontro de linhas existe um ponto "Clicável" onde o usuário faz suas marcações, só que preciso gerar linhas ligando todos os pontos que foram marcados, não precisa ser necessariamente no momento do click, pode ser depois que terminar todas as marcações. as soluções que encontrei utilizam canvas e isso dificulta mais por 2 motivos, 1 não da pra fazer em tempo Real e 2 por mais que eu gere as linhas depois, terei que desenhar toda a tabela no canvas. Tentei criar um própria solução com hr e usando a propriedade rotate do CSS mais na hora de pegar a posição dos pontos clicados eu só consigo pegar em relação a pagina toda e não em relação a própria tabela.

Alguém já precisou implementar algo desse tipo? Alguma dica para me dar? Alguma solução??

Aguardo retorno.