Tikz

• El paquete tikz define una serie de comandos tex que dibujan gráficos

\tikz \fill[orange] (1ex,1ex) circle (1cm)
                              

• El siguiente código dibuja una línea recta

\tikz \draw (0,0) -- (2,0);
                              

Tikz

• Para gráficos más complejos se utiliza el ambiente tikzpicture

\begin{tikzpicture}
\draw[style=dashed] (2,.5) circle (0.5);
\draw[fill=green!50] (1,1)
ellipse (.5 and 1);
\draw[fill=blue] (0,0) rectangle (1,1);
\draw[style=thick]
(3,.5) -- +(30:1) arc(30:80:1) -- cycle;
\end{tikzpicture}

LaTeX

Copy

Tikz: Formas básicas

• El comando \path[opciones](x1,y1) ... (xn,yn); se utiliza para dibujar lineas
• El sistema de coordenadas inicia en la esquina inferior izquierda.

\begin{tikzpicture}
\path  [draw, red] (0,0) -- (0,2) -- (2,0)--cycle;
\end{tikzpicture}

Tikz

• Se puede cambiar el grosor de las lineas mediante la opción width=grosor
• \tikz\draw[line width=2mm] (0,0) -- (0,4);

\begin{tikzpicture}
	\draw [line width=1mm] (0,0) circle(0.5cm);
	\draw [red, rotate=20](1.5,0) ellipse(0.5cm and 0.8cm);
\end{tikzpicture}

LaTeX

Copy

Opciones para líneas

• [dashed] Línea punteada.
• [rotate=rotacion] Aplica una rotación.
• [scale=escala] Escala la figura.
• [thick] Linea gruesa.
• [very thin] Linea muy delgada.

Colores

• La opción \color=nombreColor especifica el color de la línea.
• La opción \fill=color especifica el color que rellena una figura. Se puede usar el nombre de un color (green,white,red) o se pueden mezclar colores green!20!white (20% verde y 80% blanco).

\begin{tikzpicture}
\path  [draw,color=blue,fill=green!20!white] (0,0) -- (0,2) -- (2,0)--cycle;
\end{tikzpicture}

LaTeX

Copy

Degradado

El comando \shade[opciones] (x1,y1) ... (xn,yn); se utiliza para dibujar formas con colores degradados.

\begin{tikzpicture}
\path[shade,draw] (1,1) -- (2,2)--(3,1)--cycle;
\end{tikzpicture}

\begin{tikzpicture}
\shade[left color=red] (1,1) -- (2,2)--(3,1)--cycle;
\end{tikzpicture}

\begin{tikzpicture}
\shade[top color=red, bottom color=black] (0,0) rectangle (2,1);
\end{tikzpicture}

\begin{tikzpicture}
\shade[draw,shading=radial, inner color=red] (0,0) rectangle (2,1);
\end{tikzpicture}

Curvas

• Se pueden especificar 2 puntos de control en la ruta (linea).
• La sintaxis general de una ruta curva es
  \draw (puntoInicio) . . controls(primerPunto)
  and (segundoPunto) . . (puntoFinal)

\begin{tikzpicture}
 \filldraw [gray] (0,0) circle (2pt)
	(1,1) circle (2pt)
	(2,1) circle (2pt)
	(2,0) circle (2pt);
 \draw (0,0) .. controls (1,1) and (2,1) .. (2,0);
\end{tikzpicture}

Curvas

Para rellenar, se usa el comando \fill [color] en lugar de \draw

\begin{tikzpicture}
 \filldraw [gray] (0,0) circle (2pt)
	(1,1) circle (2pt)
	(2,1) circle (2pt)
	(2,0) circle (2pt);
 \fill[red] (0,0) .. controls (1,1) and (2,1) .. (2,0);
\end{tikzpicture}

Curvas

• Otra forma es especificar la dirección de salida y llegada.
• La sintaxis general es la siguiente \draw (puntoInicio) to [out=AnguloInicio,in=AnguloLlegada] (puntoFinal)

\begin{tikzpicture}
\draw[very thick] (0,0) to [out=90,in=195] (2,1.5);
\end{tikzpicture}

Curvas

• Se pueden poner varias instrucciones dentro de la misma línea

\begin{tikzpicture}
\draw [<->,thick, cyan] (0,0) to [out=90,in=180] (1,1)
to [out=0,in=180] (2.5,0) to [out=0,in=-135] (4,1) ;
\end{tikzpicture}

Cuadrículas

• Se puede agregar una cuadricula a una forma, para poder hacerla más clara. Para hacer esto, se utiliza el comando \draw[help lines] (x1,y1) grid (x2,y,2)

\begin{tikzpicture}
\draw [help lines] (-0.5,-0.5) grid (2.5,2.5);
\path  [draw, red] (0,0) -- (0,2) -- (2,0)--cycle;
\end{tikzpicture}

Cuadrículas

• La operación grid agrega una cuadrícula a la figura actual. El código \tikz \draw[step=2pt] (0,0) grid (10pt,10pt); produce una cuadrícula

\begin{tikzpicture}
  \draw[step=.5cm,color=gray, very thin] (-1.4,-1.4) grid (1.4,1.4);
  \draw (-1.5,0) -- (1.5,0);
  \draw (0,-1.5) -- (0,1.5);
  \draw (0,0) circle (1cm);
\end{tikzpicture}

Cuadrículas

• También se pueden usar las opciones xstep y ystep para definir la distancia independientemente.

\begin{tikzpicture}
  \draw[xstep=.5cm,ystep=1cm,color=gray, very thin] (-1.4,-1.4) grid (1.4,1.4);
  \draw (-1.5,0) -- (1.5,0);
  \draw (0,-1.5) -- (0,1.5);
  \draw (0,0) circle (1cm);
\end{tikzpicture}

Flechas

• Se pueden decorar las lineas. Por ejemplo, hacer flechas. El código \tikz \draw [->] (0,0) -- (2,0); dibuja una flecha

\begin{tikzpicture}
	\draw [help lines] (-0.5,-0.5) grid (3,3);
	\draw[thick,->] (0,0) -- (2.5,0);
	\draw[thick,->] (0,0) -- (0,2.5);
\end{tikzpicture}

Material