TikZ, PGFPlots y gráficos técnicos

TikZ permite dibujar esquemas, diagramas de flujo y geometría. PGFPlots añade ejes y gráficos de datos sobre TikZ. Ambos producen gráficos vectoriales escalables con fuentes y notación coherentes con el documento.

En EasyLaTeX, usa pdfLaTeX con article, tikz para diagramas o pgfplots para datos. Las figuras complejas aumentan el tiempo de compilación.

Cuándo dibujar con código#

El código facilita reproducibilidad, control de versiones y fuentes uniformes. Si una herramienta especializada resulta más apropiada, importa un formato de salida estable.

TikZ mínimo#

Carga el paquete en el preámbulo:

1\usepackage{tikz}

Dibuja ejes y un segmento:

1\begin{tikzpicture}2  \draw[->] (0,0) -- (4,0) node[right] {$x$};3  \draw[->] (0,0) -- (0,3) node[above] {$y$};4  \draw[blue,thick] (0,0) -- (3,2);5\end{tikzpicture}

En coordenadas cartesianas normales, la unidad predeterminada es 1 cm. \draw crea trayectorias, los corchetes definen estilos y node añade texto.

Nodos y flechas#

Define estilos reutilizables:

1\begin{tikzpicture}[2  box/.style={draw, rounded corners, minimum width=2.5cm, minimum height=8mm},3  arrow/.style={->, thick}4]5  \node[box] (input) {Datos de entrada};6  \node[box, right=1.5cm of input] (process) {Proceso};7  \node[box, right=1.5cm of process] (output) {Salida};8  \draw[arrow] (input) -- (process);9  \draw[arrow] (process) -- (output);10\end{tikzpicture}

right=... of ... necesita la biblioteca de posicionamiento:

1\usetikzlibrary{positioning}

Los estilos compartidos mantienen la coherencia. Acorta las etiquetas largas o define text width para evitar solapamientos.

Gráfico mínimo de PGFPlots#

Carga el paquete y fija la compatibilidad:

1\usepackage{pgfplots}2\pgfplotsset{compat=1.18}

Dibuja coordenadas incluidas en el código:

1\begin{tikzpicture}2  \begin{axis}[3    xlabel={Tiempo (s)},4    ylabel={Velocidad (m/s)},5    grid=major6  ]7    \addplot coordinates {(0,0) (1,1) (2,4) (3,9)};8  \end{axis}9\end{tikzpicture}

axis gestiona ejes, marcas, etiquetas y cuadrícula; \addplot aporta una serie. Nombra claramente magnitudes y unidades y no diferencies series solo por el color.

Leer datos de un archivo#

Crea data/velocity.csv:

1time,velocity20,031,142,453,9

Lee las columnas por nombre:

1\addplot table [x=time, y=velocity, col sep=comma] {data/velocity.csv};

Separar datos y dibujo facilita actualizar y comprobar resultados. Los nombres deben coincidir con x= e y=.

Integrar el gráfico#

Usa figure para añadir leyenda, etiqueta y referencia:

1\begin{figure}[tbp]2  \centering3  % Coloca aquí tikzpicture o axis4  \caption{Velocidad en función del tiempo}5  \label{fig:velocity}6\end{figure}

La leyenda debe explicar el contenido, la procedencia de datos y la incertidumbre cuando corresponda. El código no sustituye esa explicación.

Problemas frecuentes#

Environment tikzpicture undefined#

Carga tikz; para posicionar nodos, añade \usetikzlibrary{positioning}.

Environment axis undefined#

Carga pgfplots, no solo TikZ: axis pertenece a PGFPlots.

Compilación lenta#

Reduce muestras y capas innecesarias y usa archivos de datos preparados. Para un dibujo muy grande, compílalo en un proyecto aparte, descarga el PDF y súbelo como imagen al proyecto principal.

Ejemplo completo#

1\documentclass[a4paper,12pt]{article}2\usepackage[T1]{fontenc}3\usepackage[spanish]{babel}4\usepackage{pgfplots}5\pgfplotsset{compat=1.18}6​7\begin{document}8​9\begin{figure}[tbp]10  \centering11  \begin{tikzpicture}12    \begin{axis}[13      width=0.75\linewidth,14      xlabel={Tiempo (s)},15      ylabel={Velocidad (m/s)},16      grid=major17    ]18      \addplot[blue,thick,mark=*] coordinates {19        (0,0) (1,1) (2,4) (3,9)20      };21    \end{axis}22  \end{tikzpicture}23  \caption{Velocidad en función del tiempo}24  \label{fig:velocity}25\end{figure}26​27\end{document}