Çalışma Yaklaşımı
Baoyu Diagram, etiketleri bir görsel modele çizdirmek yerine mimari, akış şeması, sıralama, zaman çizelgesi ve diğer yapısal anlatımlar için bağımsız SVG diyagramları yazar. Kaynak; anlamsal renkler, tek aralıklı (monospace) tipografi ve diyagram türüne özgü yerleşim yönergeleri içeren koyu bir görsel sistem sunar.
Dikkat çeken bir uygulama ayrıntısı katman sırasıdır: bağlantılar, çizgilerin etiketlerin arkasından görünmemesi için opak maskelerin ve yarı saydam bileşen kutularının arkasına çizilir. Boşluklar, açıklama (legend) yerleşimi ve viewBox dolgusu diyagram sözleşmesinin parçası sayılır. Ardından birlikte gelen bir betik, SVG kabul etmeyen araçlar için daha yüksek çözünürlüklü bir PNG üretebilir.
Beklenen Çıktılar
- Metin ve geometrisi açık, ölçeklenebilir bir SVG diyagramı
- SVG dosyasından üretilen bir PNG dışa aktarımı
- Grupları, akışları ve açıklaması verilen sisteme karşılık gelen bir yerleşim
Brifden İncelemeye
- 01İlişki Modelini Seçin
Bilginin bir sıralama, karar akışı, hiyerarşi, mimari ya da desteklenen başka bir yapı olup olmadığına karar verin.
- 02Düğümleri ve Bağlantıları Planlayın
Konumları belirlemeden ve okları yönlendirmeden önce varlıkları, gruplama sınırlarını ve akış yönünü listeleyin.
- 03Grafiği Çizin ve Kontrol Edin
SVG dosyasını yazın, çakışmaları ve etiket boşluklarını inceleyin, ardından bir PNG dışa aktarın ve her iki biçimin de okunaklı kaldığını doğrulayın.