# Grafikler ve şekiller

Oruntak Notes için küçük bir grafik dili: sıcak kâğıt, sakin mürekkep ve şekli tahmin etmeden okumaya yetecek bağlam.

Mert Oruntak · 2026-09-08

Grafik, biçim kazanmış bir nottur. İşaretlerin ne anlama geldiğini kontrol edebilmesi için okura yeterli bağlamı bırakırken karşılaştırmayı kolaylaştırmalıdır.

Bu örneklerde yalnızca gösterim amacıyla uydurulmuş açıklayıcı değerler kullanılır. Gerçek gözlem veya araştırma sonucu değildir.

## Sayfanın kuralları

- Sıcak kâğıt üzerinde adaçayı yeşili, petrol mavisi ve kiremit mürekkep kullanın. Başlık, etiket ve notlarda aynı okunaklı Roboto Slab düzenini koruyun.

- Kaynağı, birimi, zaman aralığını ve ölçeği şeklin yanında belirtin. Okur paydası ya da sıfır noktasını tahmin etmek zorunda kalmasın.

- Gerektiğinde belirsizliği gösterin. Buradaki aralıkların açıklayıcı olduğunu belirtin; bunlar istatistiksel güven aralığı değildir.

- Erişilebilir tasarlayın: metni okunaklı tutun, gerektiğinde desen veya doğrudan etiket kullanın ve serileri ayırmak için yalnızca renge güvenmeyin.

- İşaretlerin desteklediği ölçülü iddiayı tercih edin. Düzenli bir grafik daha güçlü bir sonucu kanıtlamaz.

## Grafikler ve açıklayıcı şekiller

### 01 · Aynı başlangıçtan iki yol

Sıra ve zaman içindeki değişim önemliyse çizgi kullanın. Tarihi ya da sırayı, birimi, kaynak notunu ve yolların doğrudan etiketlerini ekleyin.

![Aynı başlangıçtan iki farklı yol](https://mertoruntak.com/figures/visual-notebook/line-tr.png)

Şekil 1. Açıklayıcı iki dizin yolu 100'den başlar ve sekiz gözlem boyunca ayrışır. Dizin, ortak başlangıçtan değişimi karşılaştırmayı kolaylaştırır; gerçek bir seriyi anlatmaz. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/line-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/line-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/line-tr.csv)

| Dönem | Yol A | Yol B |
| --- | --- | --- |
| 1 | 100 | 100 |
| 2 | 105 | 99 |
| 3 | 104 | 103 |
| 4 | 111 | 101 |
| 5 | 118 | 105 |
| 6 | 120 | 104 |
| 7 | 128 | 108 |
| 8 | 136 | 110 |

### 02 · Beş kategori, tek bakış

Adlandırılmış kategorileri karşılaştırmak için çubuk kullanın. Yatay düzen, uzun etiketlere nefes alacak yer verir.

![Kategorileri karşılaştırmak](https://mertoruntak.com/figures/visual-notebook/bar-tr.png)

Şekil 2. Yatay çubuk grafik, uydurulmuş beş kategori değerini karşılaştırır. Çubuklar okumayı kolaylaştırmak için sıralanır; eksen birimi açıkça söyler. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/bar-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/bar-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/bar-tr.csv)

| Kategori | Değer |
| --- | --- |
| A | 42 |
| B | 34 |
| C | 27 |
| D | 19 |
| E | 12 |

### 03 · Saatler ve puanlar, temkinle

Eşleştirilmiş gözlemler için saçılım grafiği kullanın. Birimi, örneklemi, kaynağı ve grafiğin neyi söyleyemeyeceğini açıklayın.

![Nedensellik iddiası olmadan örüntüler](https://mertoruntak.com/figures/visual-notebook/scatter-tr.png)

Şekil 3. Bu uydurulmuş noktalar, çalışma saatleri ile puan arasında açıklayıcı bir ilişki gösterir. Bu yalnızca biçim örneğidir; nedensellik kurmaz ve bir araştırma raporlamaz. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/scatter-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/scatter-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/scatter-tr.csv)

| Çalışma saati | Puan |
| --- | --- |
| 1 | 42 |
| 2 | 47 |
| 3 | 44 |
| 4 | 62 |
| 5 | 56 |
| 6 | 72 |
| 7 | 65 |
| 8 | 80 |
| 9 | 74 |
| 10 | 89 |

### 04 · Beş eşit aralıkta dağılım

Yayılım ve yoğunluk tek bir özetten önemliyse dağılım görünümü kullanın. Aralık genişliğini ve eksik ya da dışlanan değerleri açıklayın.

![Bir dağılımın biçimi](https://mertoruntak.com/figures/visual-notebook/distribution-tr.png)

Şekil 4. Histogram, uydurulmuş açıklayıcı gözlemleri beş eşit genişlikte aralıkta toplar. Aralıklar alt sınırı içerir, üst sınırı dışlar; son aralık 50 değerini de içerir. Toplam sayı 40’tır. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/distribution-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/distribution-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/distribution-tr.csv)

| Aralık | Sayı |
| --- | --- |
| 0–10 | 3 |
| 10–20 | 8 |
| 20–30 | 15 |
| 30–40 | 9 |
| 40–50 | 5 |

### 05 · Haftanın günü ve zaman dilimi

Tekrarlanan sayımlardan oluşan bir ızgara için ısı haritası kullanın. Satır ve sütun etiketlerini, ölçeğin yönünü ve sayım kuralını ekleyin.

![Etkinliğin yoğunlaştığı zamanlar](https://mertoruntak.com/figures/visual-notebook/heatmap-tr.png)

Şekil 5. Bu ısı haritası, hafta günleri ve zaman dilimleri boyunca uydurulmuş sayımları kullanır. Açıklama sayım birimini belirtir; hücre etiketleri ve ölçülü palet küçük farkları korur. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/heatmap-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/heatmap-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/heatmap-tr.csv)

| Gün | Sabah | Öğleden sonra | Akşam |
| --- | --- | --- | --- |
| Pzt | 2 | 6 | 3 |
| Sal | 4 | 8 | 5 |
| Çar | 3 | 9 | 6 |
| Per | 5 | 7 | 4 |
| Cum | 2 | 5 | 1 |

### 06 · %100 bileşim

Soru bütünü oluşturan parçalarsa %100 yığılmış çubuk kullanın. Grupları hizalayın; paydayı ve dönemi belirtin.

![Farklı parçalar, aynı bütün](https://mertoruntak.com/figures/visual-notebook/stacked-tr.png)

Şekil 6. İki uydurulmuş grup, %100'e ölçeklenmiş bileşim olarak gösterilir. Her çubuk %100 eder; doğrudan yüzde etiketleri ve sabit A–B–C sırası renk kullanılamadığında da karşılaştırmayı korur. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/stacked-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/stacked-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/stacked-tr.csv)

| Grup | A (%) | B (%) | C (%) |
| --- | --- | --- | --- |
| I | 45 | 35 | 20 |
| II | 30 | 25 | 45 |

### 07 · Aralıklı nokta tahminleri

Tek bir tahminin yanında görsel kapsamını da göstermek istediğinizde aralık kullanın. Genişlikleri karşılaştırmadan önce aralığın tanımını ve kaynağını verin.

![Bir nokta hikâyenin tamamı değil](https://mertoruntak.com/figures/visual-notebook/interval-tr.png)

Şekil 7. Açıklayıcı nokta tahminleri uydurulmuş aralıkların içinde yer alır. Aralıklar yalnızca görsel örnektir; istatistiksel güven aralığı, tahmin ya da ölçülmüş belirsizlik iddiası değildir. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/interval-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/interval-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/interval-tr.csv)

| Senaryo | Alt | Tahmin | Üst |
| --- | --- | --- | --- |
| A | -2 | 1 | 4 |
| B | 1 | 4 | 8 |
| C | -5 | -1 | 2 |
| D | 3 | 6 | 9 |

### 08 · Sorudan nota

Okurun üretim bağlamını görmesi gerekiyorsa akışı kullanın. Her adımı somut tutun; kaynak, birim, ölçek ve belirsizlik notuyla bitirin.

![Bir sorudan bir nota](https://mertoruntak.com/figures/visual-notebook/flow-tr.png)

Şekil 8. Dört adımlı editoryal akış grafiği amacına bağlar: Soru → Veri → Grafik → Not. Oklar bir araştırma yöntemi iddiası değil, bağlamı korumaya yönelik hatırlatmalardır. Kaynak: kurgu örnek veriler.

[PNG](https://mertoruntak.com/figures/visual-notebook/flow-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/flow-tr.svg) · [CSV](https://mertoruntak.com/figures/visual-notebook/flow-tr.csv)

| Adım | Aşama |
| --- | --- |
| 1 | Soru |
| 2 | Veri |
| 3 | Şekil |
| 4 | Not |

### 09 · Bir notun oluşumu

Aşamaları ve sıralarını açıklamak için bir zaman çizelgesi kullanın.

![Bir notun oluşumu](https://mertoruntak.com/figures/visual-notebook/timeline-tr.png)

Soru, saha çalışması, inceleme ve yayını sıralayan kavramsal bir zaman çizelgesi. Eşit aralıklar süreyi göstermez.

[PNG](https://mertoruntak.com/figures/visual-notebook/timeline-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/timeline-tr.svg)

### 10 · Gözlemden yazıya

Bir yapının nasıl kurulduğunu veya fikirlerin birbirine nasıl dayandığını göstermek için katmanlı bir şema kullanın.

![Gözlemden yazıya](https://mertoruntak.com/figures/visual-notebook/layers-tr.png)

Gözlemler çalışma notlarına, notlar yayımlanan yazıya temel olur. Katmanların boyutu bir miktarı temsil etmez.

[PNG](https://mertoruntak.com/figures/visual-notebook/layers-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/layers-tr.svg)

### 11 · Bir defterin anatomisi

Bir nesnenin parçalarını veya bir görseldeki ayrıntıları açıklamak için doğrudan etiketler kullanın.

![Bir defterin anatomisi](https://mertoruntak.com/figures/visual-notebook/anatomy-tr.png)

Cilt, sayfa ve ayracı etiketleyen basit bir defter çizimi. Ölçekli teknik çizim değildir.

[PNG](https://mertoruntak.com/figures/visual-notebook/anatomy-tr.png) · [SVG](https://mertoruntak.com/figures/visual-notebook/anatomy-tr.svg)

## Notun tamamını saklamak

Buradaki her şeklin etkileşimli sürümü ve ona karşılık gelen bir PNG görseli vardır; başlığı, birimi, etiketleri ve kaynak notu görselin içindedir. Açıklama ve temel veriler ayrıca yazıda bulunur. Önemli hiçbir bilgi üzerine gelmeye, bir çizim tuvaline veya çalışan grafik kütüphanesine bağlı değildir.

Obsidian varsayılan olarak görsellerin bağlantılarını kaydeder. Yerel kopya için kırptıktan sonra Obsidian’da “Download attachments for current file” komutunu çalıştırın. Aşağıdaki çevrimdışı paket Markdown metnini, on bir görseli, SVG asıllarını ve grafik verilerinin CSV tablolarını içerir. Diğer okuma uygulamaları görselleri ve biçimlendirmeyi farklı işleyebilir.

Görsel kimlik, görsel dosyalarının içindedir ve onlarla taşınır. Sayfanın geri kalanındaki yazı tipi, aralıklar ve tema ise okuma uygulamasına bağlıdır. Düzenleme ve baskı için SVG; kaydetme ve paylaşma için varsayılan olarak PNG sunuluyor.

[Obsidian’ın kaydetme rehberi](https://obsidian.md/help/web-clipper/capture)

## Büyüyebilen bir koleksiyon

Bu sekiz şablon değişim, karşılaştırma, ilişkiler, dağılımlar, yoğunluk, bileşim, aralıklar ve süreçleri kapsıyor. İleride küçük çoklu grafikler, eğim grafikleri, zaman çizelgeleri, haritalar, açıklamalı fotoğraflar ve araştırma şemaları eklenebilir. Soruya uygun biçimi seçerken yazı tipini, paleti, numaralandırmayı ve kaynak düzenini ortak tutmalılar.

## Okur için iz bırakın

Defter sayfasındaki iyi grafik hızlı okunur ve sakince sorgulanabilir. Kaynak notu, birim, ölçek ve belirsizlik işareti çizimin parçasıdır.

Uydurulmuş örnekleri görünür biçimde açıklayıcı tutun; gerçek değerleri ancak adını verebileceğiniz bir kaynak olduğunda kullanın.