Agregar atributo personalizado a un borde SVG de punto usando jQuery

Question

Estoy trabajando en la generación de gráficos interactivos. Hasta ahora, he comenzado con un gráfico de puntos desde el cual genero SVG.

Me gustaría agregar clases personalizadas al borde para que sea más fácil para mí agregar dinámicamente cierta información con una secuencia de comandos.

Hasta ahora, solo he encontrado una forma de agregar un identificador personalizado. ¿Hay alguna manera de agregar también una clase personalizada?

En realidad, dado que voy a utilizar jQuery para seleccionar atributos, sería suficiente para poder agregar un atributo personalizado al elemento de borde.

Answer 1

La guía de puntos recomienda utilizar el campo de comentario para datos personalizados. Alternativamente, podría usar el campo URL.

Answer 2

Puede especificar el atributo de clase. P.ej.

digraph ab { 
    a -> b [class="foo"] 
} 

Answer 3

Sí, class = "" es la respuesta correcta. El campo de comentario es incorrecto.

En el siguiente ejemplo, puede ver cómo definir una clase para un borde (foo), para un nodo (barra) o incluso un subgrafo (sub-foobar). Y lo hace aún mejor. Cada tipo de entidad también es una clase, por lo que puede, por ejemplo, ocultar todo el grupo o todos los bordes.

digraph simple { 
    c [class="bar"] 

    a -> b [class="foo"] 
    c -> b 

    subgraph cluster_0 { 
     class="sub-foobar"; 
      d 
      e   
    } 
}