Data Visualizationyazan Owl-Listener

Data Visualization Skill.

En karmaşık görünen grafiği değil, karşılaştırmayı anlaşılır kılan grafiği seçin.

Data Visualization
Tasarım Rehberi

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Data VisualizationSKILL.md

Görev UX Çıktılar • Soruya bağlı bir grafik seçimi • İşaretler, eksenler, etiketler ve bağlam için bir belirtim • Erişilebilir ve küçük ekran alternatifleri Başlamadan Önce Gerçek veriyi, alan tanımlarını, okurun sorusunu ve görüntüleme kısıtlarını sağlayın. Skill grafik tasarımına yol gösterir; veri doğrulama ve grafik uygulaması ayrı görevlerdir.

Editoryal özet · incelenen kaynak 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Data Visualization: Dürüst Görsel Kodlamaları Seçin

Grafik seçimi, görsel kodlama, bağlamsal etiketleme, erişilebilirlik ve duyarlı sunum.

Kaynağa dayalı iş akışıYürütme kıyaslaması değildir

Çalışma Yaklaşımı

Data Visualization bir grafik tasarımı skill'idir. Karşılaştırma, eğilim, bileşim, dağılım ve ilişki sorularını aday grafik biçimleriyle eşleştirir, ardından etiketleri, eksenleri, bağlamı ve görsel kodlamayı ele alır.

Kapsamı veri toplama veya istatistiksel kanıt değil, sunumdur. Gerçek veriyi, doğrudan açıklamayı, renk dışı ipuçlarını ve tablo gibi duyarlı alternatifleri vurgular. Ürünün temel renk paletinin tasarımı ayrı bir konudur.

Beklenen Çıktılar

Soruya bağlı bir grafik seçimi
İşaretler, eksenler, etiketler ve bağlam için bir belirtim
Erişilebilir ve küçük ekran alternatifleri

Örnek Brief'i Gör

Brief'ten İncelemeye

01
Soruyu Belirtin
İzleyicilerin anlaması gereken karşılaştırmayı veya örüntüyü belirleyin.
02
Kodlamayı Seçin
Basit bir grafik seçin; eksenleri, etiketleri, birimleri ve tutarlı seri işlemeyi tanımlayın.
03
Gerçek Koşulları Kontrol Edin
Gerçek veriyi kullanın, yararlı bağlam ekleyin; renk dışı ipuçlarını ve küçük ekran davranışını inceleyin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Gerçek veriyi, alan tanımlarını, okurun sorusunu ve görüntüleme kısıtlarını sağlayın. Skill grafik tasarımına yol gösterir; veri doğrulama ve grafik uygulaması ayrı görevlerdir.

Uygun Kullanım

Pano GrafikleriBelirli bir metrik için grafik türünü ve bağlamı netleştirin.
Yanıltıcı GörsellerKarşılaştırmayı çarpıtan veya gizleyen kodlamaları ve eksenleri inceleyin.

Kontrol Edilecek Sınırlar

Metrik Tanımı DeğildirSkill, sağlanan sayıların doğruluğunu veya iş anlamını belirleyemez.
Palet Mimarisi DeğildirGrafik kodlamasını kapsar; ürünün tüm renk sistemi katmanını kapsamaz.

Bu Girdileri Getirin

Gerçek VeriDeğerleri, birimleri, eksik veri durumlarını ve tanımları sağlayın.
Okur SorusuGrafiğin desteklemesi gereken kararı veya karşılaştırmayı belirtin.
Görüntüleme BağlamıBoyutu, etkileşimi, mobil kullanımı ve metin alternatiflerini belirtin.

03 Önemli Kararlar

Önemli Kararlar

Soru Odaklı Seçim
Bir grafik biçimi, ortaya koyması gereken ilişkiyle gerekçelendirilir.
Erişilebilir Yedekleme
Etiketler, şekiller veya desenler, yalnızca tonun taşıyamayacağı bilgiyi taşır.

04 Örnek Görev Tanımı

Odaklı Bir Brief Deneyin

Aşağıdaki örnek brief test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

Bu görevin SKILL.md dosyasını designer-skills deposundan, ajanınızın desteklediği skill konumuna yükleyin. Giriş dosyası evrensel bir kurulum komutu belirtmez.

Kaynak Skill Dosyası

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/data-visualization/SKILL.md

Gerçek veriyi, alan tanımlarını, okurun sorusunu ve görüntüleme kısıtlarını sağlayın. Skill grafik tasarımına yol gösterir; veri doğrulama ve grafik uygulaması ayrı görevlerdir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brief'teki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brief

Bu hedef-gerçekleşen grafiğini sağlanan aylık değerlerden yeniden tasarlamak için data-visualization kullanın. Net birimler ve bağlam içeren bir grafik önerin, eksen tercihlerini açıklayın; okunabilir bir mobil alternatif ve metin özeti ekleyin. Eğilimden nedenler çıkarmayın.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Grafik, belirtilen soruyu yanıtlar.
Eksenler, etiketler ve kodlamalar gerçek veriyi yansıtır.
Anlam, renk veya üzerine gelme olmadan da erişilebilir kalır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu liste, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Okuyun

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Kaynağın davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: Owl-Listener
Depo: Owl-Listener/designer-skills
Skill Dosyası: ui-design/skills/data-visualization/SKILL.md
Lisans: MIT
İncelenen Sürüm: 2026-10-07 · 9a6930cf84a8

Editoryal Kaynak Özeti

Grafik seçimi, görsel kodlama, bağlamsal etiketleme, erişilebilirlik ve duyarlı sunum.

OpenDesign tarafından, bağlantılı kaynağa dayanarak hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Temel metrikleri hesaplar mı?

Kaynak grafik seçimi ve kodlamaya odaklanır; metrik doğrulama ayrıdır.

Mobil görünüm aynı grafiği korumak zorunda mı?

Hayır. Tablolar dahil daha basit görünümlere açıkça izin verir.

Tek seri ipucu renk olabilir mi?

Kaynak, yedekli etiketler, desenler veya şekiller önerir.

OpenDesign

Sonraki Tasarım Yinelemesine Yer Açın.

Brief'inizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz Atın