Seguinte, estou fazendo um trabalho na minha escola e minha ideia é fazer um fluxograma dinâmico para manutenção de computadores. Onde começa pelo básico e o resto só aparece quando clica no “sim” ou no “não”…
Pesquisei tanta coisa e tentei até mesmo usar um radio Button mas é muito “if” e “else” que fica…
No momento estou tentando utilizar essa biblioteca do Google: https://developers.google.com/chart/interactive/docs/gallery/orgchart#overview
Eu vi que tem um evento chamado select, talvez isso me ajuda mas eu não sei onde usar.
A ideia postei nesse site pra ajudar a imaginar: http://aialvaro.dx.am
Se alguém puder ajudar, eu ficaria muito agradecida. 
Você está procurando um jeito de criar o fluxograma ou de exibir a sequência de perguntas para o usuário ir avançando, como um assistente? Pois são coisas distintas.
Para fluxogramas, há algumas bibliotecas js prontas, que você pode usar como base. Veja por exemplo https://modeling-languages.com/javascript-drawing-libraries-diagrams/ .
Abraço.
Eu acho que seria uma mistura de um fluxograma com perguntas rsrs.
Porque com falei a ideia é o resto do fluxograma aparecer apenas quando clicar em sim ou não. Onde vai aparecendo as etapas pro usuário resolver o suposto problema…
A ideia é como esse exemplo: https://www.docsity.com/pt/fluxograma-de-manutencao-procedimento-para-queima-de-motor/4771083/
mas eu não quero exibir tudo de uma vez, apenas quando o usuário clicar aparece o resto…
Você pode criar o fluxograma mas definir os nós/perguntas como “invisíveis”. Pode colocar em cada um deles uma propriedade (ex: parent) pra indicar quem é o nó/pergunta pai. Quando um nó/pergunta é clicado, você altera a visibilidade dos nós/perguntas que referenciam no nó clicado. A implementação em si vai depender da biblioteca que você usar para gerar o diagrama.
Abraço.
1 curtida