Ecuaciones en figuras de artículos científicos

Estás escribiendo un artículo — una tesis, un preprint en arXiv, un artículo para IEEE, una nota de workshop — y la figura que necesitas combina un diagrama y una ecuación tipografiada. El flujo habitual consiste en usar dos o tres herramientas: una aplicación de diagramas para la figura, un renderizador LaTeX para la ecuación y un paso final de composición. Funciona bien y produce figuras de gran calidad; la contrapartida es que la ecuación deja de ser editable desde el mismo archivo, de modo que cualquier corrección — «cambia ese subíndice» — implica un segundo paso por el renderizador.

drawtonomy es una alternativa que reúne ambas cosas en el mismo lienzo. El diagrama y la ecuación viven en el mismo archivo vectorial, y la ecuación permanece como código LaTeX editable hasta que decidas lo contrario.

$Las ecuaciones de Maxwell renderizadas como entorno align con numeración (1)–(4), directamente en el lienzo de drawtonomy$

Sistema de ecuaciones tipografiado (ecuaciones de Maxwell) renderizado con KaTeX en el lienzo de drawtonomy. El bloque es una sola figura editable — haz doble clic para recuperar el código LaTeX.

drawtonomy frente a otras herramientas

Cada herramienta está diseñada para un conjunto de necesidades concreto — drawtonomy simplemente apunta a una combinación distinta: un solo lienzo donde tanto el diagrama como la ecuación son editables.

PowerPoint / Keynote son la opción universal para presentaciones y muchas figuras rápidas. Incluyen sus propios editores de ecuaciones, cómodos de usar, aunque no guardan el código LaTeX como fuente editable para revisiones posteriores.
Inkscape / Illustrator ofrecen un control vectorial excelente y muchas figuras de publicaciones se terminan de pulir ahí. Cuando la ecuación proviene de un renderizador LaTeX externo, el código fuente vive en un archivo aparte que hay que mantener junto a la figura.
Excalidraw / tldraw / Miro son pizarras colaborativas muy valoradas, con enfoque en el diagrama más que en la tipografía matemática, por lo que las ecuaciones suelen pegarse como imágenes procedentes de un renderizador externo.
TikZ / pgfplots son el estándar para figuras completamente programáticas y nativas en LaTeX, especialmente cuando la precisión es crítica. El coste es el ciclo de iteración — cada ajuste pasa por una compilación.

drawtonomy se sitúa entre una herramienta de presentaciones y TikZ: un lienzo vectorial 2D con un renderizador KaTeX integrado que conserva tu código LaTeX. Si tu figura se divide naturalmente entre un diagrama en una herramienta y una ecuación en otra, la cadena de herramientas existente es perfectamente válida; drawtonomy resulta más útil cuando quieres las dos cosas en un mismo archivo editable.

Flujo de trabajo paso a paso

Dibuja el diagrama en el lienzo. Carriles y vehículos para un artículo de conducción autónoma. Rectángulos y flechas para un diagrama de bloques de control. Polígonos y flechas de trayectoria para una descripción general del método. Cualquier combinación de formas de drawtonomy es válida — la forma Math es una de ellas.
Añade la ecuación con la herramienta Math (fx). La vista previa de KaTeX se actualiza en tiempo real. Usa \begin{align} para sistemas de varias líneas; KaTeX gestiona la numeración de ecuaciones automáticamente.

$Editor de ecuaciones mostrando la fórmula cuadrática con fracción, raíz cuadrada y ± renderizados en la vista previa de KaTeX en tiempo real$

Vista previa de KaTeX en tiempo real al escribir la fórmula cuadrática — la mitad superior es el código LaTeX, la mitad inferior es el resultado renderizado.
Ajusta el estilo para impresión. La mayoría de revistas sigue imprimiendo en escala de grises. Elige negro o gris oscuro para las ecuaciones y ajusta el tamaño a la tipografía del cuerpo del diagrama. El control deslizante de tamaño llega hasta 200 px para figuras de póster.

$Misma ecuación en rojo a 60 px con el panel de atributos Math (LaTeX) mostrando el selector de color y el control de tamaño$

El color y el tamaño se configuran en el panel Math (LaTeX) — elige negro para impresión en escala de grises o un tamaño mayor para figuras de póster.
Exporta en PDF para compilaciones LaTeX. Todos los glifos (incluido el signo radical de \sqrt) se convierten a trazados vectoriales mediante opentype.js, de modo que el archivo es autocontenido — sin dependencia de fuentes ni advertencias de pdflatex. \includegraphics{...} lo inserta directamente en tu figura.
Guarda .drawtonomy.svg como fuente de verdad. Cuando un revisor pida una variante («¿puedes cambiar \sigma por \rho?»), reabres el .drawtonomy.svg en drawtonomy, haces doble clic en la ecuación para editar el LaTeX y vuelves a exportar el PDF. Sin redibujar nada.

Consejos de integración con LaTeX

\includegraphics{ecuacion.pdf} es el camino más fiable en un artículo. La exportación PDF de drawtonomy está basada en trazados, así que funciona con cualquier motor LaTeX (pdflatex, xelatex, lualatex).
SVG con el paquete svg también funciona, pero requiere Inkscape en la máquina de compilación. Es predecible en entornos locales pero problemático en CI. Lo más cómodo es convertir a PDF localmente y verificar ese PDF.
EPS está disponible para cadenas más antiguas con latex + dvips; misma fidelidad basada en trazados que el PDF.
Fuentes. Como el texto se convierte a trazados, no necesitas que coincida con la fuente del cuerpo del artículo. La ecuación tendrá el aspecto de KaTeX (estilo Computer Modern), independientemente de la fuente del documento — que suele ser exactamente lo que se busca.

Más allá de la conducción autónoma

Esta ficha de uso está en la documentación de conducción autónoma porque drawtonomy nació como una herramienta para escenarios de conducción, pero la forma Math es completamente genérica. El mismo flujo funciona para:

Figuras de métodos en aprendizaje automático (ecuaciones de pérdida junto al diagrama de la red).
Artículos de control (bloques de función de transferencia con la forma LaTeX junto a cada bloque).
Figuras de procesamiento de señales (ilustraciones de pares de Fourier).
Artículos de física o química (con \ce{} para reacciones).
Artículos de matemáticas (figuras de demostración con enunciados de teoremas tipografiados).

Si cabe en una pizarra, drawtonomy puede contenerlo.

Cuándo esta herramienta no es la adecuada

Ecuaciones dentro de un párrafo de texto. Esas pertenecen al código fuente LaTeX, no a una figura.
Gráficas dinámicas basadas en datos — sigue usando matplotlib / pgfplots / TikZ para ese caso.