Alat untuk membuat diagram rel kereta yang digunakan di json.org [tutup]


99

Saya menyukai sintaks diagram kereta api di json.org yang merupakan representasi grafis dari bahasa BNF. Saya belum menemukan alat yang dapat memberikan hasil dengan fasih.

Adakah yang bisa mengidentifikasi alat yang digunakan untuk membuat diagram ini?

teks alt

teks alt

Jawaban:


94

Ada Generator Diagram Rel Kereta Online . Ini membuat diagram sintaks SVG , juga dikenal sebagai diagram rel kereta api, dari tata bahasa bebas konteks yang ditentukan dalam EBNF . Anda dapat menyalin kode SVG atau mengambil tangkapan layar.

Anda harus mengetikkan tata bahasa dan itu akan membuat diagram.

Misalnya, untuk membuat diagram jalur kereta api pertama yang Anda tunjukkan, Anda akan menggunakan kode:

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

masukkan deskripsi gambar di sini

Kemudian Anda dapat melanjutkan untuk mendefinisikan stringdan valuemenggunakan string ::= ...dan value ::= ...Referensi semuanya ditampilkan.

Lihat beberapa diagram contoh di halaman. Mereka memiliki XML dan bahkan EBNF itu sendiri.


Adakah ide tentang cara memasukkan grafik ke dalam dokumen Anda sendiri selain a) membuat tangkapan layar b) menyalin sumber svg dari sumber halaman?
rudolfson

1
@ Rudolfson - Anda dapat menulis sendiri, logika sentralnya tidak terlalu buruk, dan semua kode ada di sana untuk dilihat. Kemudian sematkan di dokumen Anda. Saya menulis plugin WP berdasarkan ini. - Bagian tersulit adalah membuat grafik terlihat bagus.
Peter Ajtai

2
Generator Diagram Rel Kereta Online yang disebutkan di sini sekarang menawarkan file ZIP dengan versi PNG dari diagram yang dihasilkan. Alat yang hebat!
Sebastián Grignoli

2
Tampaknya aplikasi web
enrico.bacis

Thanks @ enrico.bacis - tautan diperbarui
Peter Ajtai

50

dari Douglas Crockford
ke Aleem B
tanggal Sel, 28 Apr 2009 jam 18:01
subjek Re: Diagram Rel Kereta di json.org

Saya menggambarnya dengan Visio. Docs.NET kreatif juga berfungsi dengan baik.

-

Aleem B menulis:

Halo Douglas,

Saya sangat menikmati sebagian besar hal yang Anda taruh di sana dan diagram rel kereta di json.org tidak berbeda. Saya telah mencoba mencari-cari alat yang akan menghasilkan diagram yang hampir sama fasihnya tetapi tidak berhasil:

Alat untuk membuat diagram jalur kereta api digunakan di json.org

Apakah ada alat yang Anda gunakan untuk mengubah BNF menjadi diagram ini atau apakah itu buatan tangan?

- Aleem


7
Untuk melengkapi: Tab Atkins Jr. membuat Generator Diagram Rel Javascript menggunakan SVG. khususnya karena dia tidak dapat menemukan salah satu yang memiliki daya tarik visual yang dia inginkan, yaitu "tampilan JSON.org".
Potherca


8

Ada pertanyaan serupa beberapa hari yang lalu: Apa alat yang baik untuk membuat diagram rel kereta api?

Pertanyaan itu adalah tentang bagaimana diagram kereta api dalam diagram sintaks SQLite dibuat. The jawaban yang diterima menemukan bahwa diagram yang dihasilkan menggunakan DSL ditulis dalam Tcl.

Jawaban lain menawarkan saran untuk menggunakan generator diagram yang bekerja dengan tata bahasa EBNL.


Selain itu, ada juga daftar alat di artikel Wikipedia yang saya tautkan. Diagram rel kereta api yang sebenarnya seharusnya tidak memerlukan panah - jika Anda membayangkan sebuah kereta melewati rel tersebut, harus jelas rute apa yang dapat atau tidak dapat Anda ambil. Dan diagram json.org sangat cantik, saya harus tahu apakah ada alat untuk mereka =) Sudah melihat tautan ini tetapi mungkin membantu orang lain.
aleemb

4

Salah satu hal yang ditangani dengan baik oleh generator rel kereta IBM adalah nilai default. Saya belum melihat generator lain yang melakukan ini.

Contohnya adalah

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

4

Saya telah mencari juga alat yang digunakan untuk menghasilkan Diagram Sintaks ini dan jika memungkinkan js librarysehingga dapat diedit dan ditampilkan tanpa menunggu waktu yang membosankan untuk grafik yang akan datang.

Saya tahu ada alat di luar sana tetapi saya akan mengatakan bahwa generator dari bottlecaps.de memiliki grafik yang bagus dengan opsi warna. Sayangnya saya tidak bisa mendapatkan kode sumber alat itu sendiri di sana.

Saya juga pergi ke pertanyaan jawaban terkait di sini tetapi hanya mendapat yang berikut di mana kami bisa mendapatkannya sebagai open source js librarydan disediakan dengan demo online tempat kami dapat mencoba dan bermain .




0

Saya sepertinya ingat bahwa IBM memiliki alat yang membuat diagram seperti itu sebagai bagian dari rangkaian BookMaster SGML mereka. Diagram rel kereta api sering digunakan dalam dokumentasi mainframe.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.