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, el siguiente código escrito en el enunciado de una pregunta:

Escribir una cadena <u>de longitud 5</u> que sea reconocida por este autómata 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>

daría lugar a la siguiente presentación en Siette:

El funcionamiento de esta extensión consiste en seleccionar todo el código comprendido entre las etiquetas <DOT> y </DOT>, y ejecutar sobre el sistema operativo la instrucción:

capturar su salida e incrustarla en la pagina, es decir, sustituir el contenido de las etiquetas <DOT> por la imagen generada: