Edicin de textos cientcos con software libre

Daniel Lpez Avellaneda

(matematicasies.com)

Ti k

Grcos con TikZ

Manual para el curso online organizado por:

CEP Indalo http://www.cepindalo.es Marzo 2012 - Mayo 2012

NDICE

#1

ndice
1. Introduccin a TikZ 1.1. Qu es TikZ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.2. Usando TikZ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2. Primeros grcos 2.1. Coordenadas . . . . . . . . . 2.2. Segmentos . . . . . . . . . . 2.3. Escalas . . . . . . . . . . . . 2.4. Rejilla . . . . . . . . . . . . 2.5. Figuras: Crculo, rectngulo . 2.6. Flechas . . . . . . . . . . . . 2.7. Grosor de lnea: . . . . . . . 2.8. Estilo de lnea . . . . . . . . 2.9. Colores . . . . . . . . . . . . 2.10. Recortar a una ventana : clip 2 2 3 4 5 5 5 5 6 7 7 7 8 9 11 11 13 13

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

3. Curvas 3.1. Dibujar una curva: plot . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4. Programas auxiliares 4.1. Geogebra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Grcos con TikZ

INTRODUCCIN A TIK Z

#2

1 1.1

Introduccin a TikZ Qu es TikZ?

A TikZ es un paquete para LTEX que permite incluir grcos de forma nativa en el pdf resultante. A Qu diferencia hay entre incluir un grco nativo de LTEX e incluir una imagen? Hay una enorme diferencia. Vea la siguientes imgenes ya haga zoom en el pdf y observe los resultados:

grco insertado como imagen

grco nativo con TikZ

B

93,87 A 28,47

57,66

Grcos con TikZ

INTRODUCCIN A TIK Z

#3

1.2

Usando TikZ

Para usar el paquete de grcos TikZ debemos incluirlo en el prembulo: \usepackage{tikz} En LYX debemos ir al man Documento / Conguracin y seleccionar el apartado Prembulo A LTEX. En dicho prembulo es donde incluiremos la orden \usepackage{tikz}
A Para incluir un grco de tikz en nuestro documento usaremos el siguiente cdigo LTEX:

\begin{tikzpicture} .... \end{tikzpicture} Veamos un ejemplo: \begin{tikzpicture} \draw (0,0)--(3,0)--(3,3)--(0,0); \draw (0,0) circle (1) ; \end{tikzpicture} Crear la siguiente imagen:

Grcos con TikZ

PRIMEROS GRFICOS

#4

Primeros grcos

La siguiente imagen

est generada por el siguiente cdigo: \begin{tikzpicture}[scale=2] \draw (0,0) circle (1) ; \draw (1,0) -- (0,1) -- (0,-1) -- (1,0); \draw[help lines] (-2,-2) grid (2,2); \end{tikzpicture} Hemos usado los siguientes recursos, que veremos ms adelante: segmentos escala coordenadas rejilla guras (crculo)

Grcos con TikZ

PRIMEROS GRFICOS

#5

2.1

Coordenadas

Tikz usa siempre unas coordenadas cartesianas como referencia para dibujar trazos y guras planas, aunque tambin es posible introducirle comandos en coordenadas polares. En los siguientes comandos veremos expresiones del tipo (a,b) que representarn el punto del plano (a,b).

2.2

Segmentos

El siguiente cdigo completa un tringulo mediante tres segmentos: \draw (1,0) -- (0,1) -- (0,-1) -- (1,0); Dibuja un segmeto desde el punto (0,0) hasta el punto (0,1). Otro segmento desde (0,1) hasta (0,-1) y otro desde (0,-1) hasta (1,0).

2.3

Escalas

La siguiente orden \begin{tikzpicture}[scale=2] contiene el parmetro [scale=2] que signica una escala de 2 cm entre cada valor entero de los ejes de coordenadas, es decir, entre el punto (1,0) y el (2,0) hay 2 cm. Cuando no ponemos el parmetro scale, tomar por defecto un [scale=1], por tanto 1 cm de separacin entre dos valores enteros consecutivos de los ejes. Es posible usar escalas diferentes para cada uno de los ejes, por ejemplo: \begin{tikzpicture}[xscale=2][yscale=0.5]

2.4

Rejilla

Para dibujar una rejilla de ayuda usaremos el comando: \draw[help lines] (-2,-2) grid (2,2); donde (-2,2) es el punto inferior-izquierdo y (2,2) el punto superior -derecho. Ambos puntos determinan los vrtices opuestos de un rectngulo donde dibujar rejilla. Grcos con TikZ

PRIMEROS GRFICOS

#6

2.5

Figuras: Crculo, rectngulo

Las siguientes lneas de texto: \draw (0,0) circle (2); \draw (1,0) rectangle (3,2); \draw[help lines] (-3,-3) grid (4,3); dibujarn una circunferencia de centro (0,0) y radio 2 y un rectngulo cuya diagonal est determinada por los puntos (0,0) y (3,2). La tercera lnea aadir una rejilla de diagonal determinada por los puntos (-3,3) y (4,3)

Para dibujar guras rellenas usaremos el parmetro ll Al ejemplo anterior le aadimos el parmetro [ll=orange] para que dibuje el rectngulo relleno de color naranja.

Grcos con TikZ

PRIMEROS GRFICOS

#7

2.6

Flechas

\draw[->] (0,0) -- (3,0); \draw[<-] (0,0) -- (3,0); \draw[|->] (0,0) -- (3,0); \draw[<->] (0,0) -- (3,0);

2.7

Grosor de lnea:

\draw [ultra thick] (0,1) -- (2,1); \draw [thick] (0,0.5) -- (2,0.5); \draw [thin] (0,0) -- (2,0);

Otras opciones: ultra thin , very thin , thin , semithick , thick , very thick, ultra thick Tamao personalizado: \draw [line width=6] (0,0) -- (2,0);

2.8

Estilo de lnea

\draw [dashed, ultra thick] (0,1) -- (2,1); \draw [dashed] (0, 0.5) -- (2,0.5); \draw [dotted] (0,0) -- (2,0);

Grcos con TikZ

PRIMEROS GRFICOS

#8

Otras opciones: dotted, loosely dotted, densely dotted Otras opciones: dashed, loosely dashed, densely dashed Doble lnea: \draw [double] (0,0) -- (1,0); \draw [double distance = 5pt] (0,0) -- (1,0);

2.9

Colores

\draw [red] (0,3) -- (4,3); \draw [blue][double distance = 3pt] (0,2) -- (4,2);

Colores: red, green, blue, cyan, yellow, magenta, black, white, gray [color=gray!20] sera un gris a un 20 % Toda la gura en rojo: \begin{tikzpicture}[red] Usar cualquier color: En el prembulo: \usepackage [usenames,dvipsnames]{color} Despus usaramos [color=blue!40!red] (sera un 40 % azul y el 60 % rojo)

Grcos con TikZ

PRIMEROS GRFICOS

#9

2.10

Recortar a una ventana : clip

El siguiente cdigo: \begin{tikzpicture} \draw[help lines] (-5,-5) grid (5,5); \draw (0,0) circle(4); \draw (-3,-2) rectangle (3,2); \end{tikzpicture} producir este dibujo:

Si le aadimos al principio la lnea: \clip (-4,-2.5) rectangle (4,2.5); nos recortr la ventana de visualizacin al rectngulo de diagonal determinada por los puntos (-4,-2.5) y (4,2.5);

Grcos con TikZ

PRIMEROS GRFICOS

#10

\begin{tikzpicture} \clip (-4,-2.5) rectangle (4,2.5); \draw[help lines] (-5,-5) grid (5,5); \draw (0,0) circle(4); \draw (-3,-2) rectangle (3,2); \end{tikzpicture}

Grcos con TikZ

CURVAS

#11

3 3.1

Curvas Dibujar una curva: plot

\begin{tikzpicture} \draw [<->](0,-4)--(0,4); \draw [<->](-6,0)--(6,0); \draw [help lines] (-6,-4) grid (6,4); \draw [red] plot [domain=-6:6] (\x, 0.5*\x); \end{tikzpicture}

En el grco anterior hemos dibujado los ejes (con un par de echas) y una rejilla segn hemos visto en apartados anteriores. La lnea: \draw [red] plot [domain=-6:6] (\x, 0.5*\x); dibuja en rojo la funcin y = 0,5 x. Hemos denido el dominio en [-6,6] (si no indicamos dominio, tomar por defecto [-5,5]). Observe tambin que la variable x va precedida de barra inversa(\).

Grcos con TikZ

CURVAS

#12

Veamos otro ejemplo:

\begin{tikzpicture} \draw [<->](0,-1)--(0,3); \draw [<->](-1,0)--(4,0); \draw [help lines] (-1,-1) grid (4,3); \draw [red] plot [domain=0.5:4] (\x, 1/\x); \fill[color=gray!20] (1,0)--(1,1)-- plot [domain=1:2] (\x,1/\x)--(2,0)--cycle; \end{tikzpicture}

En este ejemplo, adems de dibujar ejes, rejilla y una funcin, he aadido la lnea:
\fill[color=gray!20] (1,0) -- (1,1) -- plot [domain=1:2] (\x,1/\x) -- (2,0) -- cycle;

En ella decimos que dibuje una gura rellena (ll) de color gris a un 20 % formada por cuatro trazos, uno de ellos es un trozo de funcin. El ltimo trozo (2,0)--cycle tambin se puede expresar de la forma (2,0) -- (1,0). Con cycle le estamos diciendo que cierre el polgono. Tambin podemos expresar coordenadas en tres dimensiones. El siguiente cdigo dibuja un cubo. \draw \draw \draw \draw \draw \draw (0,0,0)--(1,0,0)--(1,1,0)--(0,1,0)--cycle; (0,0,1)--(1,0,1)--(1,1,1)--(0,1,1)--cycle; (0,0,0) -- (0,0,1); (1,0,0) -- (1,0,1); (1,1,0) -- (1,1,1); (0,1,0) -- (0,1,1);

Grcos con TikZ

PROGRAMAS AUXILIARES

#13

Programas auxiliares

Puede resultar engorroso aprenderse tantos comandos para dibujar. Afortunadamente hay programas que lo harn por nosotros. Quizs el mejor sea Geogebra

4.1

Geogebra

El programa geogebra permite exportar cualquier dibujo a cdigo PGF/Tikz. En primer lugar haremos una construccin sencilla con geogebra. Dibujamos la funcin y = x2 (basta con teclear x^2 en el campo de entrada en la parte inferior). Haciendo clic derecho sobre la parbola, seleccionamos propiedades, le ponemos un color y en estilo ponemos un trazo ms grueso. Quedara algo as:

Ahora seleccionamos el men Archivo / Exporta / Vista grca com PGF/TiK x

Grcos con TikZ

PROGRAMAS AUXILIARES

#14

Pulsamos sobre Genera cdigo PGZ/TiKZ y obtenemos el siguiente cdigo:

\documentclass[10pt]{article} \usepackage{pgf,tikz} \usetikzlibrary{arrows} \pagestyle{empty} \begin{document} \definecolor{ffqqqq}{rgb}{1,0,0} \definecolor{cqcqcq}{rgb}{0.75,0.75,0.75} \begin{tikzpicture}[line cap=round,line join=round,>=triangle 45,x=1.0cm,y=1.0cm] \draw [color=cqcqcq,dash pattern=on 3pt off 3pt, xstep=1.0cm,ystep=1.0cm] (-4.3,-1.26) grid (4.28,6.3); \draw[->,color=black] (-4.3,0) -- (4.28,0); \foreach \x in {-4,-3,-2,-1,1,2,3,4} \draw[shift={(\x,0)},color=black] (0pt,2pt) -- (0pt,-2pt) node[below] {\footnotesize $\x$}; \draw[->,color=black] (0,-1.26) -- (0,6.3); \foreach \y in {-1,1,2,3,4,5,6} \draw[shift={(0,\y)},color=black] (2pt,0pt) -- (-2pt,0pt) node[left] {\footnotesize $\y$}; \draw[color=black] (0pt,-10pt) node[right] {\footnotesize $0$}; \clip(-4.3,-1.26) rectangle (4.28,6.3); \draw[line width=2pt,color=ffqqqq, smooth,samples=100,domain=-4.300000000000001:4.2799999999999985] plot(\x,{(\x)^2}); \end{tikzpicture} \end{document}

LIncluimos en el prembulo los paquetes y libreras que necesita:

\usepackage{pgf,tikz} \usetikzlibrary{arrows} A En el documento ponemos, mediante insertar cdigo LTEX, todo el cdigo que hay entre \begin{document} y \end{document} \definecolor{ffqqqq}{rgb}{1,0,0} \definecolor{cqcqcq}{rgb}{0.75,0.75,0.75} ... plot(\x,{(\x)^2}); \end{tikzpicture}

Grcos con TikZ

PROGRAMAS AUXILIARES

#15

A Y ya tenemos nuestro grco nativo-LTEX con TiK z. Para comprobar que es un grco nativo y no una imagen, amplie el pdf resultante y observar como la imagen no se distorsiona.

6 5 4 3 2 1

1 1

Grcos con TikZ