Tüm yazılar

Tasarım / Grafikler

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

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. 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.
Ş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.
Şekil verileri
Aynı başlangıçtan iki farklı yol — Kaynak: kurgu örnek veriler.
DönemYol AYol B
1100100
210599
3104103
4111101
5118105
6120104
7128108
8136110

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. 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.
Ş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.
Şekil verileri
Kategorileri karşılaştırmak — Kaynak: kurgu örnek veriler.
KategoriDeğer
A42
B34
C27
D19
E12

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. 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.
Ş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.
Şekil verileri
Nedensellik iddiası olmadan örüntüler — Kaynak: kurgu örnek veriler.
Çalışma saatiPuan
142
247
344
462
556
672
765
880
974
1089

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. 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.
Ş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.
Şekil verileri
Bir dağılımın biçimi — Kaynak: kurgu örnek veriler.
AralıkSayı
0–103
10–208
20–3015
30–409
40–505

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. 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.
Ş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.
Şekil verileri
Etkinliğin yoğunlaştığı zamanlar — Kaynak: kurgu örnek veriler.
GünSabahÖğleden sonraAkşam
Pzt263
Sal485
Çar396
Per574
Cum251

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. İ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.
Ş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.
Şekil verileri
Farklı parçalar, aynı bütün — Kaynak: kurgu örnek veriler.
GrupA (%)B (%)C (%)
I453520
II302545

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. 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.
Ş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.
Şekil verileri
Bir nokta hikâyenin tamamı değil — Kaynak: kurgu örnek veriler.
SenaryoAltTahminÜst
A-214
B148
C-5-12
D369

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. 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.
Ş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.
Şekil verileri
Bir sorudan bir nota — Kaynak: kurgu örnek veriler.
AdımAşama
1Soru
2Veri
3Şekil
4Not

09 · Bir notun oluşumu

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

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

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. Gözlemler çalışma notlarına, notlar yayımlanan yazıya temel olur. Katmanların boyutu bir miktarı temsil etmez.
Şekil 10. Gözlemler çalışma notlarına, notlar yayımlanan yazıya temel olur. Katmanların boyutu bir miktarı temsil etmez.

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. Cilt, sayfa ve ayracı etiketleyen basit bir defter çizimi. Ölçekli teknik çizim değildir.
Şekil 11. Cilt, sayfa ve ayracı etiketleyen basit bir defter çizimi. Ölçekli teknik çizim değildir.

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

Çevrimdışı okuma paketini indirYalnızca Markdown

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.