DOT es un lenguaje de programación del entorno de visualización de gráficos https://graphviz.org/Graphviz. Mediante DOT se pueden definir los nodos, los arcos y otras características de un grafo. Al incluir esta etiqueta dentro de una página HTML se genera automáticamente la imagen del grafo correspondiente que se incrusta en la pagina web.

Esta etiqueta puede usarse cuantas veces sea necesaria dentro del campo enunciado, o en cualquiera de las respuestas, ayudas o refuerzos de una pregunta.

Por ejemplo, supongamos que en se quiere incluir un grafo que representa a un autómata finito en el enunciado:

Escribir una cadena <u>de longitud 5</u> que sea reconocida por este autmata finito
<center>
<DOT>
digraph finite_state_machine {
  rankdir=LR;
  size="8,5"

  node [shape = doublecircle]; S;
  node [shape = point ]; qi

  node [shape = circle];
  qi -> S;
  S  -> q1 [ label = "a" ];
  S  -> S  [ label = "a" ];
  q1 -> S  [ label = "a" ];
  q1 -> q2 [ label = "b" ];
  q2 -> q1 [ label = "b" ];
  q2 -> q2 [ label = "b" ];
}
</DOT>
</center>