Tengo un gráfico dirigido por fuerza como se muestra en JSFiddle . He estado tratando de agregar una flecha al final de cada enlace desde el nodo central sin éxito ya que cada intento genera algún error, que siendo un principiante absoluto, simplemente no puedo depurar. Además, también me gustaría etiquetar cada enlace (con INCLUYE, EXCLUYE o EXEMPTS) que se describen como campos de tipo en la matriz de enlaces (consulte el JSFiddle). Además, ¿D3 permite que se usen divs personalizados como nodos? Me preguntaba si el texto del nodo podría colocarse en un div con las siguientes propiedades CSS:

 .node { border: 1px solid red; padding: 5px; border-radius: 5px; }

Algo como esto es lo que necesito, excepto que los nodos deben estar en una tarjeta rectangular (como lo haría aplicar el CSS anterior). Sin embargo, mis intentos de portar desde el código han sido en vano. Tenga en cuenta que estoy usando d3 js v5. Aquí hay otro ejemplo que no pude portar a d3 v5.

Esto es lo que estoy tratando de lograr, idealmente: