Json.org'da kullanılan demiryolu diyagramı oluşturmak için araç [kapalı]


99

Ben sözdizimini seviyorum demiryolu şemalar üzerinde json.org BNF dilinin bir grafik temsilidir. Bu kadar güzel sonuçlar üretebilecek herhangi bir araç bulamadım.

Bu diyagramları oluşturmak için kullanılan aracı tanımlayan var mı?

alternatif metin

alternatif metin

Yanıtlar:


94

Bir yoktur Çevrimiçi Demiryolu Şeması Jeneratör . Bu SVG oluşturur sözdizimi diyagramlar gelen de demiryolu diyagramları olarak bilinen, bağlamdan-bağımsız gramerlerin belirtilen EBNF . SVG kodunu kopyalayabilir veya ekran görüntüleri alabilirsiniz.

Dilbilgisini yazmalısın ve diyagramı oluşturacak.

Örneğin, gösterdiğiniz ilk demiryolu diyagramını oluşturmak için şu kodu kullanırsınız:

object ::= '{' ((string ':' value ) ( ',' string ':' value )*)? '}'

görüntü açıklamasını buraya girin

Daha sonra tanımlamaya stringve valuekullanmaya devam edebilirsiniz string ::= ...ve value ::= ...Referansların tümü gösterilir.

Sayfadaki örnek diyagramlardan bazılarına göz atın. XML ve hatta EBNF'nin kendisi var.


A) ekran görüntüsü almak b) svg kaynağını sayfanın kaynağından kopyalamak dışında grafikleri kendi belgenize nasıl aktaracağınıza dair bir fikriniz var mı?
rudolfson

1
@rudolfson - Kendiniz yazabilirsiniz, merkezi mantık çok kötü değil ve tüm kod görmek için orada. Ardından belgenize katıştırın. Buna dayanarak bir WP eklentisi yazdım. - En zor kısım grafiklerin güzel görünmesini sağlamaktır.
Peter Ajtai

2
Burada bahsedilen Çevrimiçi Demiryolu Şeması Oluşturucu, artık oluşturulan diyagramların PNG versiyonunu içeren bir ZIP dosyası sunmaktadır. Harika bir araç!
Sebastián Grignoli

2
Görünüşe göre web uygulaması buraya taşındı: bottlecaps.de/rr
enrico.bacis

Teşekkürler @ enrico.bacis - güncellenmiş bağlantı
Peter Ajtai

50

from Douglas Crockford'dan
Aleem B
tarihine Sal, 28 Nis 2009,
18:01 konu Re: json.org'da Railroad Diagrams

Onları Visio ile çizdim. Creative Docs.NET de iyi çalışıyor.

-

Aleem B şunu yazdı:

Merhaba Douglas,

Oraya koyduğunuz çoğu şeyden tamamen zevk alıyorum ve json.org'daki demiryolu diyagramları da farklı değil. Neredeyse o kadar anlamlı diyagramlar oluşturacak ancak şansı olmayan bir araç aramaya çalışıyordum:

Json.org'da kullanılan demiryolu diyagramı oluşturmak için araç

BNF'yi bu diyagramlara dönüştürmek için kullandığınız bir araç var mı yoksa bunlar el yapımı mı?

- Aleem


7
Tamamlama uğruna: Tab Atkins Jr., SVG'yi kullanarak bir Javascript Demiryolu Şeması Oluşturucu oluşturdu . özellikle istediği görsel çekiciliğe sahip olanı bulamadığı için, yani "JSON.org görünümü".
Potherca


8

Birkaç gün önce benzer bir soru vardı: Demiryolu diyagramları oluşturmak için iyi bir araç nedir?

Bu soru, SQLite sözdizimi diyagramlarındaki demiryolu diyagramlarının nasıl oluşturulduğuyla ilgiliydi. Kabul edilen cevap , diyagramların Tcl ile yazılmış bir DSL kullanılarak oluşturulduğunu buldu.

Başka bir cevap , EBNL dilbilgisi ile çalışan bir diyagram oluşturucu kullanma önerisi sundu.


Buna ek olarak, bağlantı verdiğim Wikipedia makalesinde de bir araç listesi var. Gerçek bir demiryolu diyagramı oklara ihtiyaç duymamalıdır - bu raylarda seyahat eden bir treni hayal ediyorsanız, hangi rotaları kullanıp kullanamayacağınız açık olmalıdır. Ve json.org diyagramları çok güzel, onlar için bir araç olup olmadığını bilmeliyim =) Bu bağlantıları zaten görmüştüm ama başkalarına yardımcı olabilir.
aleemb

4

IBM'in demiryolu hattı jeneratörünün iyi idare ettiği şeylerden biri varsayılan değerlerdir. Bunu yapan başka bir jeneratör görmedim.

Bir örnek

          ┌─────◀────┐┌(──«defaults»─)─┐                        
▶▶─COMMAND┴«argument»┴┼────────────────┼──────────────────────▶◀
                      │ ┌────◀─────┐   │                        
                      └(┴┬«option»┬┴┬─┬┘                        
                         └Help────┘ └)┘                         

4

Bu Sözdizimi Diyagramlarını oluşturmak için kullanılan araçları da arıyordum ve eğer mümkünse, js librarybir grafiğin gelmesi için sıkıcı bir zaman beklemeden düzenlenebilir ve görüntülenebilir.

Ben araçları vardır biliyor orada ama gelen jeneratör söyleyebilirim bottlecaps.de renk seçeneği ile güzel bir grafik vardır. Ne yazık ki aracın kaynak kodunu oradan alamadım.

Buradaki cevaplarla ilgili sorulara da gittim, ancak yalnızca açık kaynak olarak alabileceğimiz ve deneyip oynayabileceğimizjs library bir çevrimiçi demo sağladığımız takipleri aldım .




0

IBM'in BookMaster SGML paketinin bir parçası olarak bu tür diyagramları oluşturan bir aracı olduğunu hatırlıyorum. Demiryolu diyagramları genellikle ana bilgisayar belgelerinde kullanılır.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.