約7分
Vizスタジオを開く
人魚のテキスト図
人魚のテキスト図はSVG ボックスとエッジにレンダリングされたテキスト グラフ構文として値を載せます。Mermaid (2014) は、GitHub 上で Markdown ネイティブの図を普及させました。。
業務報告・広告・課題では「プロセスドキュメント、オンボーディング、割り当てロジック、PR 説明」に向く。「フリーハンド レイアウトが必要なピクセル完璧なブランド イラスト」のときは別の形を選ぶ。
このページは人魚のテキスト図の解剖・向き・工芸・失敗と、仕事・広告・課題のレシピを一箇所に置く。
形式人魚のテキスト図
起源2014
符号化SVG ボックスとエッジにレンダリングされたテキスト…
向きプロセスドキュメント、オンボーディング、割り当てロジッ…
回避フリーハンド…
スタジオやり方
よくある質問
人魚のテキスト図はいつ選ぶ?
次の条件に合う。プロセスドキュメント、オンボーディング、割り当てロジック、PR 説明
いつ避ける?
次の場合は別の形にする。フリーハンド レイアウトが必要なピクセル完璧なブランド イラスト
誰が作り、広めた?
Mermaid (2014) は、GitHub 上で Markdown ネイティブの図を普及させました。
何を符号化する?
SVG ボックスとエッジにレンダリングされたテキスト グラフ構文
広告に使ってよいか?
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか?
実験レポートとポスターで軸・単位・出典があれば通る。
どのツール?
ExcelまたはGoogleスプレッドシートまたはPowerPoint。SVG/PDFで書き出す。
アクセシビリティは?
色だけに頼らない。直接ラベルとグレースケールを確認する。
スタジオ →
どの可視化?
形式を比較
ファイルから図をつくる