プレーンテキストでボックスとテーブルを描画する方法


42

多くのプレーンテキストドキュメントでは、ボックス描画文字を使用して、これらのボックスを図や表に描画します。そのような例(RFC 5766から)を以下に示します。試行錯誤の方法を使用する以外にこれを描画するより良い方法(たとえば、Unixコマンドラインツール)はありますか?


RFC 5766の例:

       +----------------------------+---------------------+
       | TURN client to TURN server | TURN server to peer |
       +----------------------------+---------------------+
       |             UDP            |         UDP         |
       |             TCP            |         UDP         |
       |        TLS over TCP        |         UDP         |
       +----------------------------+---------------------+

そして、これもRFC 5766から:

                                        Peer A
                                        Server-Reflexive    +---------+
                                        Transport Address   |         |
                                        192.0.2.150:32102   |         |
                                            |              /|         |
                          TURN              |            / ^|  Peer A |
    Client's              Server            |           /  ||         |
    Host Transport        Transport         |         //   ||         |
    Address               Address           |       //     |+---------+
   10.1.1.2:49721       192.0.2.15:3478     |+-+  //     Peer A
            |               |               ||N| /       Host Transport
            |   +-+         |               ||A|/        Address
            |   | |         |               v|T|     192.168.100.2:49582
            |   | |         |               /+-+
 +---------+|   | |         |+---------+   /              +---------+
 |         ||   |N|         ||         | //               |         |
 | TURN    |v   | |         v| TURN    |/                 |         |
 | Client  |----|A|----------| Server  |------------------|  Peer B |
 |         |    | |^         |         |^                ^|         |
 |         |    |T||         |         ||                ||         |
 +---------+    | ||         +---------+|                |+---------+
                | ||                    |                |
                | ||                    |                |
                +-+|                    |                |
                   |                    |                |
                   |                    |                |
             Client's                   |            Peer B
             Server-Reflexive    Relayed             Transport
             Transport Address   Transport Address   Address
             192.0.2.1:7000      192.0.2.15:50000     192.0.2.210:49191

                                 Figure 1

2
これにはすでに多くの答えがありますが、おそらくsoftwarerecs.stackexchange.comで質問されるべきだったと思います。 私たちはこの種のことをよく答えます
-Mawg


テーブルのために、あなたのようなものを使用することができますpandoc-placetableを(あなたの入力はHTMLまたはdocxファイルであればあるいは単なるpandoc)マークダウンテーブル...にCSVファイルから行くために
MB21

回答:


47

無料のASCIIflow Webサイトでは、テキストボックス、テキスト、ライン、矢印、フリーフォームラインの描画、消去、インポート、エクスポート、および元に戻す/やり直しを行うことができます。他に何が必要でしょうか?

このツールを使用して私の素晴らしい作成は次のとおりです。

+-------------------------------+
|                               |
|  My first ASCII box           |
|                               |
+---------+---------------------+
          |
          |
          |
          | My first ever ASCII arrow
          |
          |
          |
+---------v----------------------+
|                                |
|  My second ASCII box           |
+--------------------------------+

このWebサイトの欠点の1つは、クリップボードの処理です。直接コピー/貼り付けすることはできません。あなたは右側のボタンを通してそれをしなければなりません。
イスマエルミゲル

5
また、「ダウンロード」ボタンがインポートボタンであることが判明しました。そして、「アップロード」ボタンがエクスポートボタンになりました。多分それは私ですが、それは本当に紛らわしかったです。
-Mixxiphoid

1
@Mixxiphoidいいえ、それはあなただけではありません。そして、はい、それは本当に紛らわしいですが、動作します!
イスマエルミゲル

17

30年前のツール、つまりコマンドスイートの一部であるpicを 使用して、そのような写真を描くことができtroffます。最近、gnuのgroffパッケージにはpicコマンドが含まれます。リンクには、いくつかの典型的なPostScript出力の写真が表示されnroffますが、適切なオプションを使用すると、asciiバージョンが表示されます。例については、1991年のユーザーマニュアル(pdf)を参照してください。

この例のテーブルは、おそらく同じコマンドスイートによって作成されtbl、単純なリストからテーブルを作成するだけで使用されます。

以下のためのGUIバージョンは、使用することができますartist-modeマウスやキーボードを使用して、ボックスと矢印線などを描画するためのemacsに。youtube video demoをご覧ください。


picgraphvizに似ていませんdotか?
hjpotter92

はい。graphvizはpic形式で出力できます。どちらも同じAT&T Unixのバックグラウンドから来たものだと思います。graphvizは、さらなる開発が行われた特別な目的のアプリケーションであり、picはGUIスタイルのツールに取って代わりました。
-meuh

10

文字を含むボックスやその他の図形の描画は、ASCIIアート(ANSIまたはISOアート)とも呼ばれます。オンラインASCIIFlowASCIIでの画像レンダリング、figletなどのアプリケーションなど、ASCIIアートの作成を支援する多数のツールがあります一部はJavaScript実装されており、任意のOSのブラウザーで実行できます。

太陽の下では新しいものは何もありません-顕微鏡写真は、数百年にわたって使用されている長い血統の書道のサブセットであり、下のカレンダーなどの文字を使用して画像を形成し、画像の多くが形成されます。

オメルカレンダー、サザビーズ



3

GitHubのterminal-tableを使用してコマンドラインから

インストールterminal-table

gem install terminal-table

例えば:

irb
require 'terminal-table'

rows = []
rows << ['UDP', 'UDP']
rows << ['TCP', 'UDP']
rows << ['TLS over TCP ', 'UDP']
table = Terminal::Table.new :headings => ['TURN client to TURN server', 'TURN server to peer'], :rows => rows

puts table

サンプル出力:

+----------------------------+---------------------+
| TURN client to TURN server | TURN server to peer |
+----------------------------+---------------------+
| UDP                        | UDP                 |
| TCP                        | UDP                 |
| TLS over TCP               | UDP                 |
+----------------------------+---------------------+

Pythonを使用して同じ出力を取得できます。

pip install terminaltables

例えば:

from terminaltables import AsciiTable
table_data = [
    ['TURN client to TURN server', 'TURN server to peer'],
    ['UDP', 'UDP'],
    ['TCP', 'UDP'],
    ['TLS over TCP', 'UDP']
]
table = AsciiTable(table_data)
print table.table

1

私はこれを持っています.vimrc

vn<silent> <leader>[ :<c-u>cal<sid>rect(1)<cr>
vn<silent> <leader>] :<c-u>cal<sid>rect(2)<cr>
let s:h=split(' ╶╺╵└┕╹┖┗╴─╼┘┴┶┚┸┺╸╾━┙┵┷┛┹┻╷┌┍│├┝╿┞┡┐┬┮┤┼┾┦╀╄┑┭┯┥┽┿┩╃╇╻┎┏╽┟┢┃┠┣┒┰┲┧╁╆┨╂╊┓┱┳┪╅╈┫╉╋','\zs')
let s:e=map(range(81),'[v:val/27%3,v:val/9%3,v:val/3%3,v:val%3]') "base-3 encode
fu s:rect(x) "x:thickness
 if visualmode()!=#"\<c-v>"|retu|en
 let s=&sel|let&sel='inclusive'|let[ls,cs]=[[line("'<"),line("'>")],[virtcol("'<"),virtcol("'>")]]|let&sel=s
 let[l0,l1,c0,c1]=[min(ls),max(ls),min(cs),max(cs)]
 let a=map(map(getline(l0,l1),"split(v:val,'\\zs')"),"extend(v:val,repeat([' '],max([0,c1-len(v:val)])))")
 let x=a:x|let[V,H]=[[x,0,x,0],[0,x,0,x]] "vertical and horizontal line
 "b:list of changes as [line,column,bitmask]
 if l0<l1&&c0<c1|let b=[[l0,c0,[x,0,0,x]],[l0,c1,[x,x,0,0]],[l1,c0,[0,0,x,x]],[l1,c1,[0,x,x,0]]]
                 let b+=map(range(l0+1,l1-1),'[v:val,c0,V]')+map(range(l0+1,l1-1),'[v:val,c1,V]')
                 let b+=map(range(c0+1,c1-1),'[l0,v:val,H]')+map(range(c0+1,c1-1),'[l1,v:val,H]')
 elsei l0<l1    |let b=[[l0,c0,[x,0,0,0]],[l1,c0,[0,0,x,0]]]+map(range(l0+1,l1-1),'[v:val,c0,V]')
 elsei c0<c1    |let b=[[l0,c0,[0,0,0,x]],[l0,c1,[0,x,0,0]]]+map(range(c0+1,c1-1),'[l0,v:val,H]')
 el             |let b=[]|en
 for[l,c,m]in b
  let i=index(s:h,a[l-l0][c-1])
  if i>=0|let z=map(copy(s:e[i]),'max([v:val,m[v:key]])')|let a[l-l0][c-1]=s:h[27*z[0]+9*z[1]+3*z[2]+z[3]]|en
 endfo
 cal setline(l0,map(a,"join(v:val,'')"))
endf

ブロック表示モード(<C-v>)で長方形を選択してを押す<leader>[と、境界線に線画文字が配置され、既存の線画文字とマージされます。+-|代わりに純粋なASCIIを使用する場合は、簡単に変更できます。


0

すべてのVimユーザーのために、2つの由緒ある旧型プラグインが利用可能です:

  • それを描く!プラグイン ; これは何年も更新されていませんが、その作者はまだ活発であるため、その成熟度について何かを述べています。ボックスや接続線に最適です。ここで求められていることだけです。(円や楕円もできます!)
  • sketch.vimメンテナンスされておらず、マウス駆動型のペイントスタイルです。

両方を同時にアクティブにしないで、両方のプラグインを並行して使用できます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.