JQuery Como fazer um fluxograma interativo, com os segmentos surgindo conforme clica

[maria fernanda fernandes]

Oi pessoal, estou começando a interagir com a programação e não tenho muito conhecimento na área. Eu estou aprendendo o básico de html, e sei um pouco de R (que não me ajuda no momento). Quero desenvolver algo como um fluxograma interativo... no qual as respostas surgem conforme clicamos no que direcionaria a ela, mas não sei direito como começar, que linguagem usar, etc. 
Ficaria muito grata se alguém tiver recomendações de apps, linguagem, dicas de como/onde começar... obrigada desde já!!!
segue esquema de exemplo:

[DiF]

@maria fernanda fernandes Olá, seja bem vinda em nosso Clube do Hardware.

 

Como estas estudando HTML, podes usar em conjunto o javascript para desenhar o fluxograma.

Por exemplo usando a biblioteca line.js você pode desenhar as linhas que mostram na imagem acima.

Aí é só colocar uma lógica de:  pergunta 1, resposta A > pergunta 1a, resposta 1a e por ai vai.

Veja um exemplo usando line.js  https://www.jqueryscript.net/demo/Drawing-Customizable-Lines-jQuery-CSS-line-js/

 

Podes também usar o canvas.