Diagram.RS

円グラフツール

ラベルと数値をシンプルなテキストで記述して割合やパーセンテージを可視化します。Diagram.RSはMermaid構文を使って円グラフをリアルタイムでレンダリングします。レポート、プレゼンテーション、ダッシュボードに最適です。

ダイアグラムコード
プレビュー
Theme
Default
サンプルを試す

オンラインで円グラフを作る方法

  1. pieで始め、オプションでタイトルを追加します(例:pie title ブラウザ市場シェア)。
  2. 各スライスを "ラベル" : 数値の形式で1行ずつ記述します。
  3. Mermaidが各スライスのパーセンテージと色を自動的に計算します。
  4. チャートをSVGまたはPNGでエクスポートしてレポートやプレゼンテーションに活用します。

円グラフFAQ

オンラインで無料の円グラフを作るには?
pieで始め、オプションでタイトルを追加し、各スライスを "ラベル" : 数値の形式で1行ずつ記述します。パーセンテージが自動計算され、チャートが即座にレンダリングされます。
数値の合計は100にする必要がありますか?
いいえ。Mermaidは入力した数値を合計に対するパーセンテージに自動変換します。生の件数、金額、その他の単位を使用できます。
スライスの色を変更できますか?
デフォルトのCatppuccinベースのテーマが各スライスを自動的に色付けします。カスタムカラーを使用する場合は、コードの先頭にMermaidの%%{init}%%テーマ設定ディレクティブを使用します。

その他のダイアグラムツール