Como criar Ishikawa (fishbone) diagrams com javascript, html, css?

Alguém poderia me dar uma luz de como criar um diagrama conforme as imagens?

https://www.google.com/search?q=Fishbone+gojs&espv=2&biw=1517&bih=735&site=webhp&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjA_czVrdvRAhVGj5AKHRxkCfcQ_AUIBigB#tbm=isch&q=diagrama+6m&imgrc=-piwGyjW9GqXPM%3A

https://www.google.com/imgres?imgurl=http%3A%2F%2F3.bp.blogspot.com%2F-DV4p31nCpyQ%2FTrfAOTzwQJI%2FAAAAAAAAAwM%2FEDhTAVcYnUw%2Fs1600%2Fdiagrama01.PNG&imgrefurl=http%3A%2F%2Fpmgee.blogspot.com%2F2011%2F11%2Fo-diagrama-de-ishikawatambem-conhecido.html&docid=aZQpdXTAxFPxcM&tbnid=mWHNt50cd3W_vM%3A&vet=1&w=502&h=285&bih=735&biw=1517&q=diagrama%206m&ved=0ahUKEwjK8dD4tNvRAhXIhZAKHStmDR4QMwgfKAUwBQ&iact=mrc&uact=8