> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/tr/sekiller-ve-tablolar/05-tikz-package.md). # TikZ paketi ## Giriş [Ti*k*Z](https://en.wikipedia.org/wiki/PGF/TikZ) LaTeX’te grafik öğeleri oluşturmak için muhtemelen en karmaşık ve güçlü araçtır. Basit bir örnekle başlayarak, bu makale bazı temel kavramları tanıtır: çizgiler, noktalar, eğriler, çemberler, dikdörtgenler vb. çizmek. Öncelikle, `tikz` paketini aşağıdaki satırı ekleyerek `\usepackage{tikz}` belgenizin önsöz kısmına ekleyin, ardından şunu kullanarak bir grafik çizin: `tikzpicture` ortam. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw[gray, thick] (-1,2) -- (2,-4); \draw[gray, thick] (-1,-1) -- (2,2); \filldraw[black] (0,0) circle (2pt) node[anchor=west]{Kesişim noktası}; \end{tikzpicture} \end{document} ``` [Bu örneği Overleaf'te açın](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=First+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cdraw%5Bgray%2C+thick%5D+%28-1%2C2%29+--+%282%2C-4%29%3B%0A%5Cdraw%5Bgray%2C+thick%5D+%28-1%2C-1%29+--+%282%2C2%29%3B%0A%5Cfilldraw%5Bblack%5D+%280%2C0%29+circle+%282pt%29+node%5Banchor%3Dwest%5D%7BIntersection+point%7D%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Bu örnek aşağıdaki çıktıyı üretir: ![OLV2tikz1.png](/files/7e6c34a1ccf7fa1ba63bfcb6800475cc763f6a5c) Bu örnekte iki çizgi ve bir nokta çizilir. Bir çizgi eklemek için şu komut `\draw[gray, thick]` şu özelliklere sahip bir grafik öğesi tanımlar: *renk* şudur `gray` ve `kalın` bir çizgi. Çizgi aslında iki uç noktasıyla tanımlanır, `(-1,2)` ve `(2,-4)`, şu şekilde birleştirilerek `--`. Bu *nokta* aslında bir `çember` şu komutla çizilir `\filldraw[black]`, bu komut yalnızca çemberi çizmekle kalmaz, aynı zamanda onu siyah renkle doldurur. Bu komutta merkez noktası `(0,0)` ve yarıçap `(2pt)` belirtilir. Noktanın yanında bir `düğüm`, aslında şu metni içeren bir kutudur: `kesişim noktası`, ve şu tarafa sabitlenmiştir: `batı` noktasının. Noktalı virgülün `;` her birinin sonunda kullanıldığını fark etmek önemlidir `çizim` komutunu. Not: `tikzfigure` ortamı bir figure ya da benzeri bir ortam içine alınabilir. Şuna bakın: [Görseller Ekleme](/latex/tr/daha-fazla-konu/27-inserting-images.md) makale ## Temel öğeler: noktalar, çizgiler ve yollar Bu bölümde, daha ayrıntılı şekiller oluşturmak için birleştirilebilecek bazı temel grafik öğelerinin nasıl oluşturulacağını gösteren örnekler sunuyoruz. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw (-2,0) -- (2,0); \filldraw [gray] (0,0) circle (2pt); \draw (-2,-2) .. controls (0,0) .. (2,-2); \draw (-2,2) .. controls (-1,0) and (1,0) .. (2,2); \end{tikzpicture} \end{document} ``` [Bu örneği Overleaf'te açın](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Second+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%0A%5Cdraw+%28-2%2C0%29+--+%282%2C0%29%3B%0A%5Cfilldraw+%5Bgray%5D+%280%2C0%29+circle+%282pt%29%3B%0A%5Cdraw+%28-2%2C-2%29+..+controls+%280%2C0%29+..+%282%2C-2%29%3B%0A%5Cdraw+%28-2%2C2%29+..+controls+%28-1%2C0%29+and+%281%2C0%29+..+%282%2C2%29%3B%0A%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Bu örnek aşağıdaki çıktıyı üretir: ![OLV2tikz2.png](/files/88be351911ca16110c16f2a0aab077a136ad0dbf) Bu örnekte üç temel komut vardır: * **`\draw (-2,0) -- (2,0);`**: Bu, uç noktaları ... olan bir çizgiyi tanımlar `(-2,0)` ve `(2,0)`. * **`\filldraw [gray] (0,0) circle (2pt);`**: Nokta çok küçük bir `gray` `çember` merkezlenmiş `(0,0)` ve yarıçapı ... olan `(2pt)`. The `\filldraw` komutu öğeleri çizmek ve onları belirli bir renkle doldurmak için kullanılır. Daha fazla örnek için sonraki bölüme bakın. * **`\draw (-2,2) .. controls (-1,0) and (1,0) .. (2,2);`**: Bir ... çizer [Bézier eğrisi](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). Onu tanımlayan 4 nokta vardır: `(-2,2)` ve `(2,2)` uç noktalarıdır, `(-1,0)` ve `(1,0)` ise [*kontrol noktaları*](https://en.wikipedia.org/wiki/Control_point_\(mathematics\)) bunların ne kadar eğri olduğunu belirler. Bu iki noktayı "çekim noktaları" olarak düşünebilirsiniz. ## Temel geometrik şekiller: Çemberler, elipsler ve çokgenler Geometrik şekiller daha basit öğelerden oluşturulabilir; o hâlde çemberler, elipsler ve yaylarla başlayalım. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \filldraw[color=red!60, fill=red!5, very thick](-1,0) circle (1.5); \fill[blue!50] (2.5,0) ellipse (1.5 and 0.5); \draw[ultra thick, ->] (6.5,0) arc (0:220:1); \end{tikzpicture} \end{document} ``` [Bu örneği Overleaf'te açın](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Third+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cfilldraw%5Bcolor%3Dred%2160%2C+fill%3Dred%215%2C+very+thick%5D%28-1%2C0%29+circle+%281.5%29%3B%0A%5Cfill%5Bblue%2150%5D+%282.5%2C0%29+ellipse+%281.5+and+0.5%29%3B%0A%5Cdraw%5Bultra+thick%2C+-%3E%5D+%286.5%2C0%29+arc+%280%3A220%3A1%29%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Bu örnek aşağıdaki çıktıyı üretir: ![TikzEx3.png](/files/4b7626efb09f6ffe1d3a604ceaf625c282b51f55) * **`\filldraw[color=red!60, fill=red!5, very thick](-1,0) circle (1.5);`**: Bu komut önceki bölümde bir *nokta*, ancak bu örnekte köşeli parantezlerin içinde bazı ek parametreler vardır. Bunlar aşağıda açıklanmıştır: * **`color=red!60`**: Çemberin etrafındaki halkanın rengi %60 kırmızıya ayarlanır ("saf" kırmızıdan daha açık). Şuna bakın: [başvuru kılavuzuna](#reference-guide) LaTeX'te bulunan varsayılan renklerin listesi için; ayrıca şuna bakın: [LaTeX'te renk kullanımı](/latex/tr/bicimlendirme/13-using-colors-in-latex.md) kendi renklerinizi nasıl oluşturacağınızı öğrenmek için. * **`fill=red!5`**: Çember daha da açık bir kırmızı tonuyla doldurulur. * **`çok kalın`**: Bu parametre çizgi kalınlığını tanımlar. Şuna bakın: [başvuru kılavuzuna](#reference-guide) değerlerin tam listesi için. * **`\fill[blue!50] (2.5,0) ellipse (1.5 and 0.5);`**: Bir elips oluşturmak için bir merkez noktası `(2.5,0)`, ve iki yarıçap verirsiniz: yatay ve dikey (`1.5` ve `0.5` sırasıyla). Ayrıca şu komuta dikkat edin `fill` yerine `çizim` veya filldraw; bunun nedeni, bu durumda dış ve iç renkleri kontrol etmeye gerek olmamasıdır. * **`\draw[ultra thick, ->] (6.5,0) arc (0:220:1);`**: Bu komut şu noktadan başlayan bir yay çizer: `(6.5,0)`. Ek parametre `->` yayın sonunda bir ok olacağını belirtir. Başlangıç noktasına ek olarak üç değer daha vermelisiniz: başlangıç ve bitiş açıları ve yarıçap; burada bu üç parametre değeri şu biçimde verilir `(0:220:1)`. Eğri geometrik şekillere ek olarak, benzer bir sözdizimi kullanarak düz çizgiler kullanan öğeler de oluşturabilirsiniz: ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw[blue, very thick] (0,0) rectangle (3,2); \draw[orange, ultra thick] (4,0) -- (6,0) -- (5.7,2) -- cycle; \end{tikzpicture} \end{document} ``` [Bu örneği Overleaf'te açın](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Fourth+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cdraw%5Bblue%2C+very+thick%5D+%280%2C0%29+rectangle+%283%2C2%29%3B%0A%5Cdraw%5Borange%2C+ultra+thick%5D+%284%2C0%29+--+%286%2C0%29+--+%285.7%2C2%29+--+cycle%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Bu örnek aşağıdaki çıktıyı üretir: ![OLV2tikz4.png](/files/72bf2a62708459f6dc466d4c9c6a098d48fb87fe) * **`\draw[blue, very thick] (0,0) rectangle (3,2);`**: Dikdörtgenler özel şu komutla oluşturulur `rectangle`. İki nokta vermeniz gerekir; ilki "kalemin" dikdörtgeni çizmeye başladığı yer, ikincisi ise çapraz karşı köşe noktasıdır. * **`\draw[orange, ultra thick] (4,0) -- (6,0) -- (5.7,2) -- cycle;`**: Bir çokgen çizmek için bir *kapalı* doğru çizgilerden oluşan yol çizeriz: şu noktadan bir çizgi `(4,0)` ile `(6,0)` ve şu noktadan bir çizgi `(6,0)` ile `(5.7,2)`. The `cycle` komutu, başlangıç ve bitiş noktalarının çakışarak "kapalı" bir yol (şekil) oluşturması gerektiği anlamına gelir; bu da son çizgi parçasının oluşturulmasını sağlar. ## Diyagramlar Düğümler muhtemelen TikZ'deki en çok yönlü öğelerdir. Giriş bölümünde bir düğümü zaten kullandık—şekle biraz metin eklemek için. Sonraki örnek, bir diyagram oluşturmak için düğümleri kullanır. ```latex \documentclass{article} \usepackage{tikz} \usetikzlibrary{positioning} \begin{document} \begin{tikzpicture}[ roundnode/.style={circle, draw=green!60, fill=green!5, very thick, minimum size=7mm}, squarednode/.style={rectangle, draw=red!60, fill=red!5, very thick, minimum size=5mm}, ] %Düğümler \node[squarednode] (maintopic) {2}; \node[roundnode] (uppercircle) [above=of maintopic] {1}; \node[squarednode] (rightsquare) [right=of maintopic] {3}; \node[roundnode] (lowercircle) [below=of maintopic] {4}; %Çizgiler \draw[->] (uppercircle.south) -- (maintopic.north); \draw[->] (maintopic.east) -- (rightsquare.west); \draw[->] (rightsquare.south) .. controls +(down:7mm) and +(right:7mm) .. (lowercircle.east); \end{tikzpicture} \end{document} ``` [Bu örneği Overleaf'te açın](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=More+advanced+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cusetikzlibrary%7Bpositioning%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%5B%0Aroundnode%2F.style%3D%7Bcircle%2C+draw%3Dgreen%2160%2C+fill%3Dgreen%215%2C+very+thick%2C+minimum+size%3D7mm%7D%2C%0Asquarednode%2F.style%3D%7Brectangle%2C+draw%3Dred%2160%2C+fill%3Dred%215%2C+very+thick%2C+minimum+size%3D5mm%7D%2C%0A%5D%0A%25Nodes%0A%5Cnode%5Bsquarednode%5D++++++%28maintopic%29++++++++++++++++++++++++++++++%7B2%7D%3B%0A%5Cnode%5Broundnode%5D++++++++%28uppercircle%29+++++++%5Babove%3Dof+maintopic%5D+%7B1%7D%3B%0A%5Cnode%5Bsquarednode%5D++++++%28rightsquare%29+++++++%5Bright%3Dof+maintopic%5D+%7B3%7D%3B%0A%5Cnode%5Broundnode%5D++++++++%28lowercircle%29+++++++%5Bbelow%3Dof+maintopic%5D+%7B4%7D%3B%0A%0A%25Lines%0A%5Cdraw%5B-%3E%5D+%28uppercircle.south%29+--+%28maintopic.north%29%3B%0A%5Cdraw%5B-%3E%5D+%28maintopic.east%29+--+%28rightsquare.west%29%3B%0A%5Cdraw%5B-%3E%5D+%28rightsquare.south%29+..+controls+%2B%28down%3A7mm%29+and+%2B%28right%3A7mm%29+..+%28lowercircle.east%29%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Bu örnek aşağıdaki çıktıyı üretir: ![OLV2tikz5.png](/files/d141256ebdf8acc42323d3daf6d3d1beda7fafeb) Bu şekilde esasen üç komut vardır: Bir düğüm tanımı, bir düğüm bildirimi ve iki düğümü birleştiren çizgiler. * **`roundnode/.style={circle, draw=green!60, fill=green!5, very thick, minimum size=7mm}`**: şu ortama bir parametre olarak verilir `tikzpicture` ortamı. Şu adla referans verilecek bir düğüm tanımlar: `roundnode`: bu düğüm, dış halkası şu renk kullanılarak çizilecek bir çember olacaktır: `green!60` ve şu renkle doldurulacaktır: `green!5`. Çizgi `çok kalın` ve onun `minimum boyutu` şudur `7mm`. Bunun altındaki satır, adı şu olan ikinci dikdörtgen biçimli düğümü tanımlar: `squarednode`, benzer parametrelerle. * **`\node[squarednode] (maintopic) {2};`**: Bu, bir `squarednode`, önceki komutta tanımlandığı gibi. Bu düğümün kimliği `maintopic` olacak ve şu numarayı içerecektir `2`. Süslü parantezlerin içinde boş bir yer bırakırsanız hiçbir metin görüntülenmez. * **`[above=of maintopic]`**: İlk düğüm dışındaki tüm düğümlerin, diğer düğümlere göre konumunu belirleyen ek bir parametreye sahip olduğuna dikkat edin. Örneğin, `[above=of maintopic]` bu düğümün adı verilen düğümün üstünde görünmesi gerektiği anlamına gelir `maintopic`. `\usetikzlibrary{positioning}` önsözünüze eklemeniz gerekir. Şu olmadan `positioning` kitaplığını, şu sözdizimini kullanabilirsiniz `above of=maintopic` yerine, ancak `positioning` sözdizimi daha esnek ve güçlüdür: şunu yazmak için genişletebilirsiniz `above=**3cm** of maintopic` yani şu noktadan olan gerçek mesafeyi kontrol edin `maintopic`. * **`\draw[->] (uppercircle.south) -- (maintopic.north);`**: Ok benzeri bir düz çizgi çizilecektir. Sözdizimi daha önce [temel öğeler](#basic-elements-points-lines-and-paths) bölümünde zaten açıklanmıştır. Tek fark, çizginin uç noktalarını yazma biçimidir: bir düğüme başvurarak (bu yüzden onları adlandırdık) ve düğüme göreli bir konum kullanarak. ## Referans Kılavuzu Şunlardaki olası renk ve kalınlık parametreleri: `tikz` paketi: | parametre | değerler | picture | | --------- | ------------------------------------------------------------ | -------------------------------------------------------------------- | | renk | beyaz, siyah, kırmızı, yeşil, mavi, camgöbeği, macenta, sarı | ![BasicColours.png](/files/726b76de6eeb6b267337e31a7bbf2fe9480c7d52) | | kalınlık | aşırı ince, çok ince, ince, kalın, çok kalın, aşırı kalın | ![Thickness.png](/files/c938c6a716d94734d1891785bc066c3f10bbb7ab) | LaTeX dağıtımınızda daha fazla renk bulunabilir. Şuna bakın: [LaTeX'te renk kullanımı](/latex/tr/bicimlendirme/13-using-colors-in-latex.md) ## Daha fazla okuma Daha fazla bilgi için bakın: * [LaTeX'te renk kullanımı](/latex/tr/bicimlendirme/13-using-colors-in-latex.md) * [Pgfplots paketi](/latex/tr/alana-ozgu/08-pgfplots-package.md) * [Görseller Ekleme](/latex/tr/daha-fazla-konu/27-inserting-images.md) * [Tablo ve şekil listeleri](/latex/tr/sekiller-ve-tablolar/03-lists-of-tables-and-figures.md) * [Görsellerin ve tabloların konumlandırılması](/latex/tr/sekiller-ve-tablolar/02-positioning-images-and-tables.md) * [Diyagramları doğrudan LaTeX içinde çizme](/latex/tr/sekiller-ve-tablolar/04-picture-environment.md) * [TikZ ve PGF Paketleri Kılavuzu](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf) * [TeXample.net'te TikZ ve PGF örnekleri](http://www.texample.net/tikz/examples/all/) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://overleaf-pro.ayaka.space/latex/tr/sekiller-ve-tablolar/05-tikz-package.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.