Visualization (Görselleştirme) Layout ve Diagramları

Onur Dayıbaşı
Sep 4, 2018 · 3 min read

Görselleştirme verinize ve göstermek istediğiniz içeriğe göre farklılıklar gösterir. Günümüzde verinin büyüdüğü, analitik ihtiyaçları arttığı için basit chart kütüphanelerine alternatif birçok bileşen ve layout ortaya çıkmıştır.

Box Plots

İstatistiki sayısal dağılımları görselleştirmede kullanılır. Min, Max değer. Outlier, Kutunun altı %25, ortası %50, üstü %75 kısmı içerecek şekilde (lower quartile, median, upper quartile) gösterir.

Box Plots

Bar Charts

Gösterilmek istenen bilgiyi 2 eksende olacak şekilde genelde x ekseni türleri, y ekseni değerler gösterilir.

Bar Charts

Group Bar Charts

Group Bar Charts sayesinde belli gruplar halinde bar chartları tek bir görsel içerisinde gösterebilirsiniz.

Group Bar Charts

Stack Bar Charts

Group Bar chart değerleri üst üste ekleyerek tek bir bar’da birden fazla renkle gösterilen gösterim şeklidir.

Stacked Bar Chart

Bubble Charts

Bar Chart gibi karşılaştırma yapmanızı sağlar ama sayısal olarak büyüklük algılatmak yerine tek bir bakışta çok fazla türü görebilmenizi sağlar. Bu chart türü ile Metin Analizinde Frekans Sayıları, Sizi takip eden kişilerin takipçi sayısına göre görselleştirmesinde kullanılabilir.

Bubble Charts

Word Cloud

Bubble Chart kelimeler için özelleşmiş hali diyebiliriz.

Word Cloud

Sunburst / TreeMap

Elinizdeki veriyi tree şeklinde ise örneğin web sitenizdeki sayfalarınıza gelen ziyaretçilerin search engine veya başka sayfalardaki linklerden mi bu sayfaya geldiğini tutan ağaç şeklinde bir veriniz var. Tek bakışta bu yapıyı ve hangilerinin ne büyüklükte yer kapladığını bu görselleştirme aracı ile görebilirsiniz.

Sunburst / TreeMap

Calendar View

Yıl içerisinde hangi günlerde işlem yapıldığını gösterebilirsiniz. Mesela twitter twit attığı günler yeşil, aynı günde 2,3 ve daha fazla twit atması durumunda bu renk kırmızı tona yaklaşabilir.

Calander View

Sankey Diagram

Enerji vb tüketilebilen kaynakların nasıl kullanıldığı ve nasıl bir şekilde dağıldığını akış ile anlatılabildiği görseldir.

Sankey Diagram

Co-occurence Matrix

Ben bu matrisi firmalar tarafından aynı tip üretim yapan firmaları eşleştirmekte kullanmıştım. Bu sayede bir firmanın , diğer firma ile aynı malzeme türünü üretip üretmediğini tek bakışta anlayabiliyorsunuz. Tabi bu matrix n2 olduğu için sayı arttıkça görselli göstermek bir alana sığdırmak zorlaşıyor.

Co-occurance Matrix

Line Charts

Zaman içerisinde süreklilik gösteren veriyi göstermek için oldukçe uygun bir görselleştirme aracıdır. Mesela finansal durumlar için dolar, euro, hisse vb..

Line Charts

Stream Graph

LineChart benzer line üst üste stack şeklinde binmesi ile oluşan görselleştirme şeklidir. Yine time-series görselleştirmelerde oldukça sık kullanılır.

Stream Graph

Connected Node Graphs

Birbirine bağlı node’lar ve network görselleştirmesine aşağıdaki layoutlar kullanılır.

Standart, Hierachical, Sequential Layouts
Structural, Radial, Lens, Tweak Layout

Pie Chart

Kullanım yüzdelerini göstermek için kullanılan görselleştirme aracıdır.

Pie Chart

Chord Diagram

Node.ların birbirleri ile olan ilişki yoğunluğunu gösterir. Uber’ın sürüş frekansları bir node’dan diğer nodelara neler olduğunu görebilirsiniz.

Chord Diagram

Frontend Development With JS

Frontend Development With Javascript

Onur Dayıbaşı

Written by

Senior Frontend Developer at Thundra

Frontend Development With JS

Frontend Development With Javascript

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade