Workspace Tools
v5
✐
Markdown
⊙
Bubble
▥
Stack Bar
▦
Mekko
⇝
Sankey
◈
Mermaid (WIP)
モード
✨
Cleaner
✎
WYSIWYG編集
⊞
Excel → Markdown
使い方
▼
Copilotの出力・WebテキストをINPUTに貼り付け→OUTPUTにクリーニング済みプレビューを表示。
使い方
▼
ツールバーでMarkdown記法を挿入。左がコード、右がリアルタイムプレビュー。
Excelコピーの例
▼
商品
売上
前年比
A
1,200
+8%
B
870
-3%
↑ ExcelセルをコピーしてINPUTに貼り付け→Markdown表に変換。
クリーニング設定
絵文字を削除
全角英数 → 半角
リンクを削除
太字マークを解除
区切り線を保持
変換設定
1行目をヘッダーとして扱う
列幅を自動整形
文字数カウント
カウント方法
全て
スペース抜き
プレビュー
レンダリング
テキスト
アクション
結果をコピー
クリア
INPUT
0 文字
↩
↪
見出し
H1 見出し1
H2 見出し2
H3 見出し3
B
I
S
≡
1.
☐
"
<>
```
⊞
🔗
─
OUTPUT
① データ入力
Excelの表フォーマット例
▼
会社名
売上高
利益率%
社員数
業種
A社
1200
15.2
520
製造
B社
870
22.1
310
IT
C社
2100
9.8
980
製造
D社
450
31.0
140
IT
↑ 数値列→X軸・Y軸・サイズ、テキスト列→ラベル・カテゴリ。カテゴリ列でカテゴリ別色分け可。
Ctrl+V でExcelデータを貼り付け
② カラム（ドラッグして割当）
データ貼り付け後に表示
③ 軸の割当
ラベル
ラベル列をドロップ
X 軸
X軸の列をドロップ
Y 軸
Y軸の列をドロップ
バブルサイズ
サイズ列をドロップ
カテゴリ
カテゴリ列をドロップ
④ チャート設定
カラーモード
マルチ
単色
カテゴリ
バブル色
パレット
Vivid
Pastel
Mono
キーカラー
なし
1番目
2番目
3番目
4番目
5番目
バブルスケール
20
バブル透過
60%
フォント
Arial / メイリオ
Noto Sans JP
BIZ UDPゴシック
M PLUS Rounded 1c
ABC 123 あいう 売上
ラベルを表示
グリッド線を表示
⑤ アクション
チャートを生成
PNG保存
SVG保存
リセット
データを貼り付けてカラムを割り当ててください
◉
バブルチャートがここに表示されます
① Excelデータを貼り付け
② カラムをドラッグして軸に割当
③「チャートを生成」をクリック
🏷
ラベル
↕
Y 軸
◉
サイズ
↔
X 軸
① データ入力
Excelの表フォーマット例
▼
年度
地域
製品
売上
2014
US
Prod A
10
2014
US
Prod B
20
2014
EU
Prod A
20
2014
EU
Prod B
30
2015
US
Prod A
30
↑ 4列構成。グループ=X軸大分類（年度等）、サブグループ=クラスター内の各棒（地域等）、積上げ区分=棒内の色分け（製品等）、値=数値。
Ctrl+V でExcelデータを貼り付け
② カラム（ドラッグして割当）
データ貼り付け後に表示
③ 軸の割当
グループ
グループ列をドロップ
サブグループ
サブグループ列をドロップ
積上げ区分
積上げ区分列をドロップ
値
値列をドロップ
④ チャート設定
表示モード
絶対値
100%構成比
パレット
Vivid
Pastel
Mono
キーカラー
なし
1番目
2番目
3番目
4番目
5番目
フォント
Arial / メイリオ
Noto Sans JP
BIZ UDPゴシック
M PLUS Rounded 1c
ABC 123 あいう 売上
値ラベルを表示
合計ラベルを表示
サブグループ名を表示
グリッド線を表示
ラベルに縁取りを付ける
⑤ アクション
チャートを生成
PNG保存
SVG保存
リセット
データを貼り付けてカラムを割り当ててください
▥
Stack Barチャートがここに表示されます
① 4列形式（グループ/サブグループ/積上げ区分/値）を貼り付け
② カラムをドラッグして割当
③「チャートを生成」をクリック
① データ入力
Excelの表フォーマット例
▼
年度
製品
売上
2020
Apples
98
2020
Oranges
31
2020
Pears
21
2021
Apples
64
2021
Oranges
32
↑ 3列構成。「Xグループ」列がバー幅（合計比）を決定。「セグメント」列が積み上げ区分。同グループ×セグメントが複数行なら自動合算。
Ctrl+V でExcelデータを貼り付け
② カラム（ドラッグして割当）
データ貼り付け後に表示
③ 軸の割当
X グループ
グループ列をドロップ
セグメント
セグメント列をドロップ
値
値列をドロップ
④ チャート設定
表示モード
絶対値
100%構成比
パレット
Vivid
Pastel
Mono
キーカラー
なし
1番目
2番目
3番目
4番目
5番目
フォント
Arial / メイリオ
Noto Sans JP
BIZ UDPゴシック
M PLUS Rounded 1c
ABC 123 あいう 売上
値ラベルをバー内に表示
グリッド線を表示
Y軸セグメント名を表示
ラベルに縁取りを付ける
⑤ アクション
チャートを生成
PNG保存
SVG保存
リセット
データを貼り付けてカラムを割り当ててください
▦
Mekkoチャートがここに表示されます
① 3列形式（グループ/セグメント/値）を貼り付け
② カラムをドラッグして割当
③「チャートを生成」をクリック
① データ入力
Excelの表フォーマット例
▼
From
To
値
製造
国内販売
200
製造
輸出
150
国内販売
小売
180
国内販売
EC
20
輸出
アジア
100
↑ 3列構成（送り元・送り先・フロー値）。同じノード名は自動的に同一ノードとして結合。多段階フロー（A→B→C）も対応。
Ctrl+V でExcelデータを貼り付け
② カラム（ドラッグして割当）
データ貼り付け後に表示
③ 軸の割当
Source
送り元列をドロップ
Target
送り先列をドロップ
Value
値列をドロップ
④ チャート設定
パレット
Vivid
Pastel
Mono
キーカラー
なし
1番目
2番目
3番目
4番目
5番目
フォント
Arial / メイリオ
Noto Sans JP
BIZ UDPゴシック
M PLUS Rounded 1c
ABC 123 あいう 売上
ノード間隔
14
ノードラベルを表示
値ラベルを表示
⑤ アクション
チャートを生成
PNG保存
SVG保存
リセット
データを貼り付けてカラムを割り当ててください
⇝
Sankeyチャートがここに表示されます
① 3列形式（Source/Target/Value）を貼り付け
② カラムをドラッグして割当
③「チャートを生成」をクリック
① Mermaidコード
⬡ Flow
↔ Seq
⬜ Class
◔ Pie
▤ Gantt
⊞ ER
② スタイル設定
パレット
Vivid
Pastel
Mono
フォント
Arial / メイリオ
Noto Sans JP
BIZ UDPゴシック
M PLUS Rounded 1c
ABC 123 あいう フロー図
エッジ線
曲線
直線
角丸
PNG解像度
1×
2×
3×
③ アクション
⤢ ノードD&D
（Flow限定）
PNG保存
SVG保存
リセット
Mermaidコードを左側に貼り付けると自動でプレビューされます
◈
Mermaidチャートがここに表示されます
① Mermaidコードを左に貼り付け（自動プレビュー）
② パレット・フォント・エッジ線を設定
③ FlowchartはD&Dでノード位置調整可
④ SVG / PNGでエクスポート
📡 オフラインモード — キャッシュからデータを表示しています
🔄 新しいバージョンが利用可能です
今すぐ更新
後で