Creador de diagramas de actividad
Dibuja un diagrama de actividad UML como texto. Muestra acciones, decisiones, bifurcación/unión paralela y pistas de nado con un diagrama de flujo Mermaid — luego exporta. Todo se renderiza en tu dispositivo.
One step per line. Indent two spaces to branch beneath the line above.
Un diagrama de actividad UML, escrito como texto
Un diagrama de actividad es el primo UML de un diagrama de flujo: muestra el flujo de trabajo — acciones, decisiones, y crucialmente los puntos donde el trabajo se divide para ejecutarse en paralelo y se reúne. Mermaid no envía un tipo de diagrama de actividad dedicado, por lo que el enfoque honesto y completamente renderizable es un diagrama de flujo que sigue convenciones de actividad UML: terminadores redondeados para inicio y fin, rectángulos para acciones, diamantes para decisiones con ramas protegidas, y un nodo de barra etiquetada para bifurcación y unión.
Porque es un diagrama de flujo Mermaid normal debajo, cada ejemplo en esta página se renderiza en vivo y exporta limpiamente — sin complemento, sin modo especial.
Bifurcación, unión y pistas de nado
Para mostrar concurrencia, enruta varias flechas fuera de un solo nodo "fork" y de vuelta en un solo nodo "join" — el diagrama luego se lee como "haz esto en paralelo, luego continúa una vez que todo esté hecho", que es exactamente la semántica de bifurcación/unión UML. Las barras de bifurcación y unión aquí son nodos ordinarios etiquetados para verse como la barra de sincronización UML.
Para asignar pasos a roles, envuelve las acciones de cada rol en un subgráfico. Estas particiones aproximan pistas de nado UML, dejando claro quién realiza cada acción — el cliente, soporte o ingeniería — sin dejar texto simple.
Preguntas frecuentes
¿Cómo hago un diagrama de actividad UML?
Usa un diagrama de flujo Mermaid que siga convenciones de actividad UML: terminadores redondeados "([Start])" y "([End])", rectángulos para acciones, diamantes para decisiones, y un nodo de barra etiquetada para bifurcación/unión. Se renderiza en vivo y exporta a SVG o PNG.
¿Cómo muestro acciones paralelas (bifurcación y unión)?
Enruta varias flechas fuera de un nodo "fork" y fusiónalas en un nodo "join". Eso se lee como "ejecuta esto en paralelo, luego continúa una vez que todo termine", que coincide con la semántica de bifurcación/unión UML.
¿Puedo agregar pistas de nado o particiones?
Sí — envuelve las acciones de cada rol en "subgraph Role … end". Cada subgráfico se convierte en una pista etiquetada, aproximando pistas de nado UML para que sea claro quién realiza cada acción.
¿Por qué usar un diagrama de flujo en lugar de un tipo de diagrama de actividad dedicado?
Mermaid no tiene sintaxis de diagrama de actividad separada, por lo que un diagrama de flujo con convenciones UML es el enfoque que realmente se renderiza. Aún obtienes cada elemento de diagrama de actividad — acciones, decisiones, guardias, bifurcación/unión y pistas — y el código se mantiene portátil.
¿Mi diagrama de actividad se sube a algún lugar?
No. Se renderiza completamente en tu navegador con Mermaid, por lo que tus pasos de proceso y lógica interna nunca dejan tu dispositivo.