Una Breve Introduccion A Tikz [PDF]

Zitiervorschau

Traducci´on al Espa˜nol del Documento “Una Breve Introducci´on a Tikz” Jacques Cr´emer traducido al Espa˜ nol por Alba Cobos y Daniel D´ıaz Casanueva November 14, 2017

1

Introducci´ on

El prop´ osito de este documento es dar informaci´on u ´til, sencilla y pr´actica del programa Tikz. Tikz y PGF son programas de TEX que permite crear gr´aficos sofisticados en una forma sencilla e intuitiva. El autor espera que este documento le motive a continuar investigando, pero cree que por lo menos el 70% de las figuras que se encuentran en los libros de econom´ıa pueden ser dibujados e impresos con la informaci´on que aqu´ı se describe. El autor dice que probablemente se puede encontrar errores en este documento. Si usted encuentra un error, por favor, env´ıe un mensaje electr´onico al autor.

2

Informaci´ on Inicial

Para iniciar el paquete Tikz, simplemente escriba \usepackage{tikz} en el pre´ambulo. Programas modernos c´ omo TEX y MikTeX lo instalar´ an autom´aticamente. Luego, si desea hacer una figura, escriba el c´odigo de esta forma: \begin\{tikzpicture} code \end\{tikzpicture} Seg´ un el manual de Tikz, el pre´ ambulo completo deber´ıa verse as´ı: Al compilar, el dibujo deber´ıa verse asi: \documentclass{article}%say \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw (-1.5,0) -- (1.5,0); \draw (0,-1.5) -- (0,1.5); \end{tikzpicture} \end{document} Dentro del c´ odigo hay dos comandos espec´ıficos. El \draw y el \path. El \path es una serie de l´ıneas rectas y curvas que est´ an conectadas. El \path se inicia con las coordenadas de un punto que se escribe entre par´entesis, (0,0). Este punto inicial est´ a seguido por una serie de puntos de extensi´on que se separan usando dos l´ıneas peque˜ nas (- -) y a continuaci´ on se escribe el siguiente punto de coordenadas que indican el punto final de la l´ınea. En el ejemplo anterior, el \path describe el recorrido de la l´ınea que se inicia en el punto (-1.5,0) y se extiende al punto (0,1.5) . Las posiciones est´an escritas en un sistema de coordenadas donde la unidad es 1 cm. Si se desea hacer una figura con un encabezado, necesita escribir el c´odigo as´ı:

1

\begin{figure} \begin\{tikzpicture} code \end\{tikzpicture} \caption {No lo olvide! Escriba algo espec´ ıfico y que los lectores lo entiendan.} \end{figure} Despu´es compile su documento usando PDFTEX o XeTeX.

3 3.1

Dibujar l´ıneas y curvas L´ıneas Rectas Simples

Para dibujar una l´ınea sencilla haga algo como esto: Y obtendr´ a: \begin{tikzpicture} \draw (0,0) -- (1,2); \end{tikzpicture} TikZ autom´ aticamente dibuja una l´ınea entre los puntos (0,0) y (1,2) y deja el espacio correcto para la figura (por defecto, el espacio entre las coordenadas est´an en cent´ımetros). De esta forma se puede dibujar una secuencia de segmentos que van de un punto a otro.

\begin{tikzpicture} \draw [help lines] (0,0) grid (2,3); \draw (0,0) -- (1,2) -- (2,3) -- (1,0); \end{tikzpicture}

En el dibujo anterior se a˜ nadieron las l´ıneas de referencia para que el dibujo sea m´as claro. Para dibujar las l´ıneas de referencia, se escribe el siguiente comando \draw[help lines](0,0)grid(2,3);. En este ejemplo, el comando dibuja un plano cartesiano desde el punto (0,0) al punto (2,3). En lo subsiguiente, se a˜ nadir´ an las l´ıneas del plano sin que el comando est´e escrito en el c´odigo explicativo. Se puede dibujar varias l´ıneas en el mismo gr´afico, por ejemplo:

\begin{tikzpicture} \draw (0,0) -- (1,2) -- (2,3) -- (1,0); \draw (0,3) -- (1.5,0.5); \end{tikzpicture}

Note que cada comando termina en punto y coma “;”. Este punto y coma marca el final de las instrucciones del c´ odigo. Observe, adem´ as, que cada comando del c´odigo est´a escrito en varias l´ıneas. Sin embargo, los comandos tambi´en se pueden agrupar en una sola l´ınea. El dibujo del u ´ltimo ejemplo se puede escribir de la siguiente forma sin que se cambie el resultado. \draw (0,0) -- (1,2) -- (2,3) -- (1,0); \draw(0,3) -- (1.5,0.5)

2

De esta forma se puede a˜ nadir o reducir espacios, para hacer el c´odigo m´as f´acil de leer sin que cambie el resultado final. Seg´ un el manual de instrucciones Tikz, el plano cartesiano tambi´en puede ser codificado de la siguiente manera \begin{tikzpicture} \draw(-1.5,0) -- (1.5,0); \draw (0,-1.5) -- (0,1.5); \draw (0,0) circle (1cm); \draw [step=.5cm](-1.4,-1.4) grid (1.4, 1.4); \end{tikzpicture}

Es posible dibujar las l´ıneas del plano cartesiano menos acentuadas. Solo se debe modificar el c´odigo y se escribe un comando que indique que las l´ıneas sean dibujadas en color gris. Mire el siguiente ejemplo: \begin{tikzpicture} \draw [step=.5cm, 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}

3.2

Figuras a Escala

Una caracter´ıstica u ´til de TikZ es que se puede aumentar el tama˜ no de la figura a˜ nadiendo la opci´on “scale” en el c´ odigo.

\begin{tikzpicture}[scale=3] \draw (0,0) -- (1,1); \end{tikzpicture}

Compare la figura anterior con esta y vea la diferencia: \begin{tikzpicture} \draw(0,0)--(1,1); \end{tikzpicture} Adem´ as es posible extender la figura en una sola direcci´on: y obtener:

\begin{tikzpicture}[xscale=3] \draw (0,0) -- (1,1); \end{tikzpicture}

3

o en ambas dimensiones con diferente proporci´on. Por ejemplo: ´ \begin{tikzpicture}[xscale=2.5, yscale=0.5] \draw (0,0) -- (1,1); \end{tikzpicture}

3.3

Punto de flechas

Tikz permite que los segmentos se puedan decorar. For ejemplo, se puede a˜ nadir puntas de flechas o barras a una o ambas extremidades de la l´ınea. F´ıjese en la siguiente figura: \begin{tikzpicture} \draw [->] (0,0) -- (2,0); \draw [] (0,-1) -- (2,-1); \end{tikzpicture} Cuando se dibujan varios segmentos, las flechas se ubican en las extremidades del primer y el u ´ltimo segmento. Lo que es conveniente cuando se dibujan los ejes de un plano cartesiano (luego demostraremos c´omo insertar etiquetas)

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

Nota del manual Tikz: Hay ciertas restricciones al a˜ nadir flechas. S´olo se pueden a˜ nadir en l´ıneas abiertas. Por lo tanto, no se puede pretender a˜ nadir puntas de flechas en un c´ırculo ´o rect´angulo. Sin embargo, se pueden a˜ nadir flechas a l´ıneas curvas o l´ıneas que tienen muchos segmentos. Por ejemplo: \begin{tikzpicture} \draw [] (0,0) arc (180:30:10pt); \draw [] (1,0)-- (1.5 cm, 10pt) -- (2cm,0pt) -- (2.5cm,10pt); \end{tikzpicture}

3.4

Grosor de las lineas

Con Tikz es posible cambiar el grosor de las l´ıneas. Observe el siguiente ejemplo: \begin{tikzpicture} \draw [ultra thick] (0,0) -- (2,1); \draw [thick] (0,0.5) -- (2,0.5); \draw [thin] (0,0) -- (2,0); \end{tikzpicture} Tikz permite usar los siguientes estilos: ultra thin , very thin , thin , semithick

, thick

, very thick

, and ultra thick

Este efecto es muy u ´til cuando se desea dibujar el plano cartesiano con l´ıneas muy finas y resaltar puntos especiales dentro de la figura, como en este caso: 4

\begin{tikzpicture} \draw [](0,2) -- (0,0) --(4,0); \draw [thick] (0,1.5) -- (3,0); \draw [ultra thick] (0,0) -- (2,2); \draw[help lines] (1,0) -- (1,1)--(0,1); \end{tikzpicture} Adem´ as, es posible dibujar l´ıneas de grosores espec´ıficos. Mire los siguientes ejemplos: \begin{tikzpicture} \draw [line width=12] (0,0) -- (2,0); \draw [line width= 0.2cm] (4,0.75) -- (5,0.25); \end{tikzpicture} La primera l´ınea tiene 12p de ancho (la dimensi´on estandarizada para el ancho es el punto) y la siguiente tiene 0.2 cm.

3.5

Giones y puntos

Tikz le permite dibujar l´ıneas segmentadas o punteadas. Por ejemplo: \begin{tikzpicture} \draw [dashed, ultra thick,red] (0,1) -- (2,1); \draw [dashed] (0,0.5) -- (2,0.5); \draw [dotted] (0,0) -- (2,0); \end{tikzpicture} La primera l´ınea demuestra que se puede intercalar varios tipos de decoraciones.

3.6

Colores

Finalmente, las figuras se pueden colorear. \begin{tikzpicture} \draw [gray] (0,1) -- (2,1); \draw [red] (0,0.5) -- (2,0.5); \draw [blue] (0,0) -- (2,0); \end{tikzpicture} Tikz tiene acceso directo a los siguientes colores: rojo (red) , green (green) , blue (blue) , cian (cyan) , magenta (magenta) , amarillo (yellow) , negro(black) gris (gray) , gris obscuro (darkgray) , gris claro (lightgray) , cafe (brown) , verde (green) , oliva (olive) , naranja (orange) , rosa (pink) purpura(purple) , verde azulado (teal) , violeta (violet) , y blanco(white) . Es posible aplicar distintas gamas de colores - vea el manual original.

5

3.7

Figuras en la mitad del texto

A prop´ osito, si desea dibujar los rect´ angulos de colores como se ven en el texto de la secci´on anterior, use el siguiente c´ odigo: \begin{tikzpicture} \draw [line width=6, teal] (0,0) -- (0.5,0); \end{tikzpicture} Para escribir el c´ odigo de una forma m´ as sencilla, se puede usar el comando \tikz - como se indica en el manual. Asi: \tikz \draw [line width=6, teal] (0,0) -- (0.5,0);

3.8

Curvas

Tikz no solo permite dibujar lineas rectas, f´ıjese en el siguiente c´odigo. \begin{tikzpicture} \draw[blue] (0,0) rectangle (1.5,1); \draw[red,ultra thick](3,0.5) circle [radius=0.5]; \draw [gray] (6,0) arc [radius=1, start angle=45, end angle=120]; \end{tikzpicture} (El arco tiene un radio de 1, comienza en el punto (6,0) con un ´angulo de 45 grados y termina cuando su inclinaci´ on llega a los 120 grados - ¡Esta no es la anotaci´on m´as conveniente!) Tikz hace posible dibujar l´ıneas con curvaturas suaves, como esta: \begin{tikzpicture} \draw[, rounded corners, thick, purple] (0,2) -- (0,0) -- (3,0); \end{tikzpicture} El manual de Tikz explica que un c´ırculo puede ser dibujado usando el comando circle. A continuaci´ on, se escribe el radio del c´ırculo el cual debe ser escrito usando par´entesis, as´ı como en el siguiente ejemplo: \tikz \draw (0,0) circle (10pt);

Adema´s, se puede dibujar elipses usando el comando ellipse. En este caso, en vez de especificar un solo radio, se debe especificar dos: uno para la direcci´on de x y el otro para la direcci´on de y, los cuales deben ser separados por la palabra and, como se ve en el siguiente ejemplo: \tikz \draw (0,0) circle (10pt);

Con Tikz es posible dibujar c´ırculos donde cada uno de sus puntos est´en codificados. Esto es posible usando un programa matem´ atico que nos de las coordenadas para cada uno de los puntos. Este ejemplo es explicado en el documento original, pero fue omitido en el documento traducido. Hay muchas maneras de dibujar l´ıneas curvas sin tener que se˜ nalar todos los puntos. Esta es la manera m´ as f´ acil:

6

\begin{tikzpicture} \draw[very thick] (0,0) to [out=90, in=195] (2,1.5); \end{tikzpicture}{tikzpicture} En el dibujo la curva se inicia en el punto (0,0) y termina en el punto (2,1.5), y sale con un ´angulo de 90o y llega a un ´ angulo de 195o :

Note que en el c´ odigo se ha reemplazado las l´ıneas entrecortadas (- - ) por to. Al dibujar l´ıneas curvas puede usar el comando ”to ” varias veces en la misma l´ınea del c´odigo, de la misma forma como se utiliz´ o al dibujar una l´ınea recta. Asi: \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} Note que es posible poner puntas de flecha en l´ıneas curvas. Se colocan en el primer y u ´ltimo segmento. Si se desea una punta de flecha en cada segmento, se debe construir la curva de componentes individuales.

3.9

Trazando funciones

Tikz tambi´en tiene una funci´ on matem´ atica la cual nos permite trazar funciones algebraicas: \begin{tikzpicture} [xscale=13, yscale=3.8] \draw [] (0,0.8) -- (0,0) -- (0.5,0); \draw [green, ultra thick, domain=0:0.5] plot ( \x,{0.025+\x+\x*\x} ); \end{tikzpicture}

La curva de la figura muestra el rango de x, que en este caso, se ha dibujando en base a la funci´ on 0.025 + x + x2 . Note los par´entesis que se usan para introducir la funci´on matem´atica plot (\x, {\function\}) Muchas funciones matem´ aticas se pueden aplicar, las principales son: factorial (\x), ra´ız cuadrada sqrt (\x), potencia pow (\x) donde x se eleva a la potencia de y (\x,y) xy , potencias o exponentes exp(\x), logar´ıtmos naturales ln(\x), logar´ıtmos con base 10 log10 (\x), logar´ıtmos binarios o de base 2 log2 (\x), valores absolutos abs (\x) (el valor absoluto de x ), m´odulo mod (\x, y)( x m´odulo y), redondear round (\x r) ( x redondea al n´ umero integral m´as cercano), piso floor(\x) (donde el n´ umero mas peque˜ no es menor que x ), cielo ceil (\x) (donde el n´ umero m´as peque˜ no es mayor que x ), seno sin (\x) ( el seno (x ), asume que x esta en grados); si x est´ a expresado en radianes use sin (\x r), coseno cos (\x) (cos (x ), asume que x est´ a en grados; si x est´ a en radianes usecos (\x r), tangente tan (\x),asume que x esta en grados; si x esta en radianes use tan(\x r), m´ınimo min min(\x, y), m´aximo max (\x, y). Tambi´en se puede usar rnd (sin ning´ un argumento) lo que nos da un n´ umero al azar entre 0 y 1. Al trabajar con expresiones matem´ aticas hay dos variables que pueden ser u ´tiles: e (constante de Euler) que es igual a 2.718281828, y pi π, el cual es igual a 3,141592654. 7

Con Tikz es posible mezclar funciones y calcular expresiones mas complicadas: \begin{tikzpicture}[yscale=1.5] \draw [help lines, ] (0,0) --(6.5,0); \draw [help lines, ->] (0,-1.1) -- (0,1.1); \draw [green, domain=0:2*pi] plot (\x, {(sin (\x r)* ln(\x+1)) /2}); \draw [red, domain=0:pi] plot (\x, {sin (\x r) } ); \draw [blue, domain= pi : 2*pi] plot (\x, {cos ( \x r) *exp (\x /exp (2*pi))}); \end{tikzpicture}

4 4.1

Relleno de ´ areas Relleno de ´ areas simples

Con Tikz se puede rellenar ´ areas cerradas: \begin{tikzpicture} \draw [fill=red, ultra thick] (0,0) rectangle (1,1); \draw [fill=red, ultra thick, red] (2,0) rectangle (3,1); \draw [blue, fill=blue] (4,0) -- (5,1) -- (4.75,0.15) -- (4,0); \draw [fill] (7,0.5) circle [radius=0.1]; \draw [fill=orange] (9,0) rectangle (11,1); \draw [fill=white] (9.25, 0.25) rectangle (10,1.5); \end{tikzpicture} para obtener:

Note la diferencia entre los dos cuadrados. En el segundo cuadrado rojo, el comando [fill=red,ultra thick, red] le dice a Tikz que dibuje una l´ınea roja alrededor de la figura. Mientras que en el primer cuadrado no se especifica el color, lo que hace que el color del borde sea negro. En caso de que se desee un figura sin borde, reemplace el comando \draw por \path

\begin{tikzpicture} \path [fill=gray] (0,0) rectangle (1.5,1); \draw [fill=yellow] (2,0) rectangle (3.5,1); \end{tikzpicture} lo que te da:

Si se reemplaza la primera l´ınea del c´ odigo por \draw[fill=yellow, yellow] (0,0) rectangle (1.5,1); se obtendr´ıa un cuadrado como el segundo, y estar´ıa rodeado por una l´ınea de color amarillo.

8

4.2

Relleno de ´ areas arbitrareamente

El contenido de esta secci´ on no es necesaria para entender el resto del documento. Por lo que se puede leer esta parte m´ as luego. (Sin embargo, el ejemplo 8.5 usa las t´ecnicas descritas aqu´ı). Como se ha explicado anteriormente, la conecci´ on de puntos en un gr´afico se puede hacer usando dos l´ıneas (- -) ´o usando “to”. Lo cual es bastante conveniente al rellenar ´areas no definidas. Por ejemplo:

\begin{tikzpicture} \draw [ultra thick] (0,0) to [out=87,in=150] (1,1)--(.85, .15)--(0,0); \draw [ultra thick, fill=purple] (2,0) to [out=87,in=150] (3,1)--(2.85,.15)--(2,0); \path [fill=purple] (4,0) to [out=87,in=150] (5,1) -- (4.85,.15)--(4,0); \end{tikzpicture} para obtener:

Al usar el comando “to¨ sin ning´ un otro comando adicional, se obtiene una l´ınea recta, como en esta: \begin{tikzpicture} \draw [ultra thick] (0,0) to (1,1) to (.85,.15) to (0,0); \end{tikzpicture}

4.3

Figuras sombreadas

A m´ as de poder dibujar una figura con un color uniforme, es posible hacer un efecto de degrado usando los comandos \shade y \shadedraw, de esta forma: \tikz \shade (0,0)Prectangle (2,1) (3,0.5) circle (.5cm);

Por defecto el sombreado es una suave transici´on del gris al blanco. Pero se puede especificar colores y diferentes formatos usando los siguientes comandos:

\begin{tikzpicture} [rounded corners, ultra thick] \shade [top color=yellow, bottom color=black] (0,0) rectangle + (2,1); \shade [left color=yellow, right color=black] (3,0) rectangle + (2,1); \shadedraw [inner color=yellow, outer color=black, draw=yellow] (6,0)rectangle + (2,1); \shade [ball color=green] (9,.5) circle (.5cm); \end{tikzpicture}

5

A˜ nandiendo nombres a las figuras

Cuando se dibuja una figura, el 99% de las veces se necesita a˜ nadir textos explicativos. Esto es f´acil con Tikz. Observe c´ omo se introduce un texto a la figura:

9

\begin{tikzpicture} \draw [red, thick, ] (0,2) -- (0,0) -- (2,0); \node at (1,1) {yes}; \end{tikzpicture}

yes

Note que la palabra “yes” se ubica en el centro de la figura, ya que est´a ligada al comando (1,1). Esto es u ´til si se desea situar un texto en un sitio relativo a un punto. Tikz ofrece buenas opciones si se desea ubicar el texto en cualquier otro punto de la figura. Por ejemplo: \begin{tikzpicture} \draw [thick, ] (0,2) -- (0,0) -- (2,0); \draw [fill] (1,1) circle [radius=0.025]; \node [below] at (1,1) {below}; \end{tikzpicture}

below

El texto no solo se puede ubicar debajo de un punto, tambi´en es posible utilizar otras opciones, como estas: \begin{tikzpicture} \draw [thick, ] (0,2) -- (0,0) -- (2,0); \draw [fill] (1,1) circle [radius=0.025]; \node [below] at (1,1) {below}; \node [above] at (1,1) {above}; \node [left] at (1,1) {left}; \node [right] at (1,1) {right}; \end{tikzpicture}

above left right below

above left above right below left below right

\begin{tikzpicture}[xscale=1, yscale=1] \draw [thick, ] (-1.5,2) -- (-1.5,0) -- (3,0); \draw [fill] (.5,.8) circle [radius=0.025]; \node [below right, red] at (.5,.75) {below right}; \node[above left, green] at (.5,.75) {above left}; \node [below left, purple] at (.5,.75) {below left}; \node [above right, magenta] at (.5,.75) {above right}; \end{tikzpicture}

Adem´ as nos permite poder nombres a los ejes y otros puntos:

y A

x

\begin{tikzpicture}[xscale=3, yscale=1.5] \draw [thick, ] (0,1) -- (0,0) -- (1,0); \node [below right] at (1,0) {$x$}; \node [ left] at (0,1) {$y$}; \draw [fill] (.4, .6) circle [radius=.5pt] node [above right] (.4,.6) {$A$}; \end{tikzpicture}

Es posible reducir el c´ odigo mezclando “nodes” en medio de los “paths”. Por ejemplo, la u ´ltima figura pudo ser escrita de la siguiente forma: 10

\begin{tikzpicture}[xscale=3, yscale=1.5] \draw[thick, ] (0,1) node [left] {$y$} -- (0,0) -- (1,0) node [below right] {$x$}; \draw [fill] (.4,.6) circle [radius=.5pt] node [above right] (.4,.6) {$A$}; \end{tikzpicture}

Lo cual dar´ıa el mismo resultado. Note que el comando “node” est´a ubicado despu´es del punto (0,1) al que est´ a adjunto, y en ese caso se suprime el signo \ en el comando \node. Muchas veces se va a desear poner varias l´ıneas en un mismo “node” ( lo cual es muy conveniente al dibujar l´ıneas de tiempo, como se muestra en el ejemplo). Esta l´ınea de tiempo se puede hacer usando un LATEXstandard, poniendo dos \\ para indicar una separaci´ on de l´ınea, pero con Tikz se debe indicar c´ omo alinear las cosas. Por ejemplo:

\begin{tikzpicture}[xscale=1.3] \draw [thick](0,0) -- (9,0); \draw (0,-.2) -- (0, .2); \draw (3, -.2)-- (3, .2); \draw (6, -.2) -- (6, .2); \draw (9, -. 2) -- (9, .2); \node [align=left, below] at (1.5, -.5)% {Esto sucede \\en el per´ ıodo 1\\ y est´ a alineado a \\ la izquierda}; \node [align= center, below] at (4.5, -.5)% {Esto sucede \\en el per´ ıodo 2 \\ y est´ a centrado}; \node [align=right, below] at (7.5,-.5)% {Esto sucede \\ en el per´ ıodo 3 \\ y est´ a \\alineado a la derecha}; \end{tikzpicture}

Para obtener:

Esto sucede en el per´ıodo 1 y est´ a alineado a la izquierda

Esto sucede en el per´ıodo 2 y est´ a centrado

Esto sucede en el per´ıodo 3 y est´a alineado a la derecha

Sin la opci´ on align= TikZ dibujar´ıa una gran l´ınea larga y si se hace un error al escribir el c´odigo,

\begin{tikzpicture} \draw [->] (0,0) -- (2,0); \node [right] at (2,0) {above \\ below}; \end{tikzpicture}

Se obtendr´ıa una l´ınea como esta: abovebelow El manual de Tikz le dar´ a informaci´ on sobre la forma que se puede modificar el c´odigo para controlar la posici´ on de los puntos y las etiquetas m´ as eficazmente. Tambi´en en la forma de como poner nombres a las l´ıneas curvas. 11

El el manual Tikz encontramos la siguiente forma:

nearstart

midway

very near end

\begin{tikzpicture} \draw (0,0) .. controls (6,1) and (9,1).. node[near start, sloped, above] {nearstart} node {midway} node[very near end, sloped, below]{very near end} (12,0); \end{tikzpicture}

6

Integraci´ on con Beamer

Tikz trabaja muy bien con Beamer (los dos m´etodos fueron escritos por las misma persona). En particular, es u ´til cuando se descubren figuras progresivamente, por ejemplo:

7

Trucos y Aclaraciones • El practicar Tikz es importante tomar un tiempo para dibujar figuras y es normal hacer errores. Por lo tanto es importante tratar, errar, y volver a tratar, compilando su c´odigo frecuentemente. • Si tiene problemas al ubicar algunas cosas, es u ´til dibujar el plano cartesiano, el mismo que se puede descartar despu´es de compilar la versi´on final. Si pone el c´odigo de las l´ıneas del plano cartesiano, p´ ongalo al principio del c´ odigo, como se hizo en la primera figura, de esta forma no tiene que sobreescribir la parte interesante. (Hay muchas formas de codificar el plano cartesiano, consulte el manual)

8

Ejemplos

Algunos ejemplos

8.1 8.1.1 0

Pr´ actica La figura completa a = b = 1/2

1

\begin{tikzpicture} [xscale=8] \draw [-] [draw=red, very thick] (0,0) -- (.5,0) ; \draw [-] [draw = green, very thick] (.5,0) -- (1,0) ; \draw [thick] (0, -.1) node [below] {0} -- (0, 0.1); \draw [thick] (0.5, -.1) node [below] {$a=b=1/2$} -- (0.5,0.1) ; \draw [thick] (1, -.1) node [below] {1} -- (1,0.1); \end{tikzpicture} 8.1.2

Paso a paso

12

\tikz \draw [-] [draw=red, very thick] (0,0)

-- (4,0);

\tikz \draw[-] [draw=green,very thick] (.5,0) -- (5,0);

\tikz \draw [|-] [thick] (-5,0) node [below] {0} -- (0,0); 0 \begin{tikzpicture} \draw [|-][thick, blue] (-3,0) node [below] {0} --(0,0) -- (-.2,0); \draw [|-] [thick] (-.2,0) node [below] {$a=b=1/2$}-- (2,0) ; \end{tikzpicture} 0

a = b = 1/2

\begin{tikzpicture} \draw [|-|][thick, blue] (-2,0) node [below] {0} --(0,0) -- (-.2,0); \draw [-|] [thick] (-.2,0) node [below] {$a=b=1/2$}-- (2,0) node [below] {1} ; \end{tikzpicture} 0

a = b = 1/2

8.2 8.2.1

1

Diferenciaci´ on Vertical La foto completa

q2 vendue au prix p2

depende de p1 et p2 q1 vendue au prix p1

\begin{tikzpicture} [yscale=4] \draw[-][draw=red, very thick] (0,0) -- (0,.45); \draw[-][draw=green, very thick] (0,.45) -- (0,1); \draw [thick] (-0.1,0.2) -- (0.1,.2) node [align=left, right] {$q_1$ vendue \\ au prix $p_1$}; \node [right] at (0.1, .45) {depende de $p_1$ et $p_2$}; \draw [thick] ((-0.1, 0.85) -- (0.1,.85) node [align=left, right]{$q_2$ vendue \\ au prix $p_2$}; \draw (-0.1,0) -- (0.1,0); \draw (-0.1,1) -- (0.1,1); \end{tikzpicture} 13

l´ınea a (a)

(b) (c)

(d)

l´ınea c

l´ınea c

l´ınea b

l´ınea b

l´ınea b

l´ınea a

l´ınea a

l´ınea a

(e)

(f)

(g)

La figura luce mejor cuando el texto “q1 vendue au prix pi” est´a en una sola l´ınea, pero deseo recordarle como se puede escribir un texto dentro de un ”node”. Note que el comando [align=left, right] le dice a Tikz que alinee el texto a la izquierda mientras que el comando ”right” le dice poner el “node” a la derecha de la coordenada. 8.2.2

Paso a paso

Se cambio la leyenda por motivos did´ acticos:

\begin{figure} \centering \subcaptionbox{}{% %