Windows で Graphviz をインストールして開始する方法のチュートリアル

Windows で Graphviz をインストールして開始する方法のチュートリアル

ダウンロードとインストール環境変数の設定インストール環境変数の設定確認基本的な描画の紹介グラフディグラフ複雑な例Python の操作

良いツールを発見することは、新しい世界を発見するようなものです。時々、論文や各種専門書に掲載されている鮮やかなイラストがどのように描かれているのか興味が湧きます。例外なく、それらは描画ツールを巧みに使用した結果です。

ダウンロードしてインストールし、環境変数を設定する

インストール

Windows版ダウンロードアドレス: http://www.graphviz.org/Download_windows.php

這里寫圖片描述

msiファイルをダブルクリックし、次へをクリックし続けます (インストール パスを覚えておいてください。パス情報は後で環境変数を構成するときに使用されます)。インストールが完了すると、Windows のスタート メニューにショートカットが作成されます。デフォルトのショートカットはデスクトップには配置されません。

這里寫圖片描述

環境変数の設定

graphviz インストール ディレクトリの下の bin フォルダーを Path 環境変数に追加します。

這里寫圖片描述

這里寫圖片描述

確認する

Windows コマンドライン インターフェイスに入り、 dot -versionと入力して Enter キーを押します。graphviz の関連バージョン情報が表示されれば、インストールと構成は成功です。

這里寫圖片描述

基本的な描画チュートリアル

Windows で graphviz エディタ gvedit を開き、次のドット スクリプト言語を記述して、gv 形式のテキスト ファイルとして保存します。次に、コマンド ライン インターフェイスに入り、ドット コマンドを使用して gv ファイルを png グラフィック ファイルに変換します。

ドット D:\test\1.gv -Tpng -o image.png

グラフ

グラフの使用法--関係性の説明

グラフpic1 { 
 a -- b
 a -- b
 b -- [色=青]
} 

這里寫圖片描述

有字

使用->関係を説明する

有向グラフ pic2 { 
 a -> b
 a -> b
 b -> a [スタイル=塗りつぶし 色=青]
} 

這里寫圖片描述

複雑な例

有向グラフ スタートゲーム {
  label="ゲームリソースの更新プロセス"
  ランクディレクトリ="TB"
  start[label="ゲームを開始" shape=circle style=filled]
  ifwifi[label="ネットワーク環境によってWIFIかどうかが決まる" shape=diamond]
  needupdate[label="更新が必要なリソースがあるかどうか" shape=diamond]
  startslientdl[label="サイレントダウンロード" shape=box]
  enterhall[label="ゲームロビーに入る" shape=box]

  enterroom[label="部屋に入る" shape=box]
  resourceuptodate[label="リソースが不完全" shape=diamond]
  プレイ開始[label="通常ゲーム" shape=circle fillcolor=blue]
  警告[label="プレイヤーにアップデートするかどうかを通知する" shape=diamond]
  startdl[label="ダウンロードインターフェイスに入る" shape=box]
  //{rank=same; needupdate, enterhall}

  {shape=diamond; ifwifi、needupdate}

  開始 -> ifwifi
  ifwifi->needupdate[label="yes"]
  ifwifi->enterhall[label="no"]
  needupdate->startslientdl[label="yes"]
  startslientdl->enterhall
  更新が必要->enterhall[label="no"]

  エンターホール -> エンタールーム
  部屋に入る->リソースの最新情報
  resourceuptodate -> 警告[label="yes"]
  リソース更新 -> 再生開始[ラベル="no"]
  警告 -> startdl[label="ダウンロードの確認"]
  警告 -> enterhall[label="ダウンロードをキャンセル"]
  startdl -> enterhall[label="ダウンロードをキャンセル"]
  startdl -> startplay[label="ダウンロードが完了しました"]
} 

這里寫圖片描述

Pythonとのやりとり

Graphviz の強力で便利な関係図/フローチャートの描画方法は、機械学習におけるDecision Treeの表示方法を容易に思い起こさせます。幸いなことに、scikit-learn は.dotファイルを生成するためのインターフェースを提供しています。具体的な操作は次のとおりです。

Python編集環境では:

from sklearn.tree import export_graphviz # 関数をインポートします # tree はトレーニング済みモデルを表します。つまり、DecisionTreeClassifier インスタンスの fit(X_train, y_train) メソッドが呼び出されています export_graphviz(tree, out_file='tree.dot', 
    feature_names=['花びらの長さ', '花びらの幅'])

Windowsのコマンドラインインターフェイスに入り、 tree.dotがあるパスに切り替えて、実行します。

ドット -Tpng ツリー.ドット -o ツリー.png 

這里寫圖片描述

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Python は graphviz を呼び出して構造化グラフ ネットワークの例を描画します
  • export_graphvizを使用してツリーを視覚化する問題を解決する
  • Pythonで決定木を実装し、Graphvizを使用して視覚化する例
  • Python ベースの Youdao 翻訳プロセスの図
  • VSCode の使い方と VSCode での Python プログラムのデバッグ方法に関するグラフィカル チュートリアル
  • PythonはGraphvizを使用してフローチャートを描画します

<<:  インスタンス化されたオブジェクトパラメータによるMySQLクエリ例の説明

>>:  jsプロキシの原理の詳細な説明

推薦する

Reactはグローバル箇条書きボックスメソッドをカプセル化します

この記事の例では、Reactカプセル化グローバルポップアップボックスの具体的なコードを参考までに共有...

ウェブデザインのためのオンライン開発ツール10選の紹介

1. オンラインテキストジェネレーターBlindTextGenerator: デザイナーにとって、こ...

Docker MQTT のインストールと使用のチュートリアル

MQTT の紹介MQTT (Message Queuing Telemetry Transport)...

vue+openlayer をベースにマップの集約と散乱効果を実現

目次序文:結果: 1.重合効果: 2. 散布効果:具体的な実装手順: 1. プロジェクトにOpenL...

ECMAScript の演算子を理解するための記事

目次単項演算子ブール演算子乗算演算子加法演算子関係演算子等価演算子条件演算子代入演算子カンマ演算子要...

jQueryは何に使われるのですか?jQueryは実際にはjsフレームワークです

jQuery 入門jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加で...

CSS3 を使用して楕円軌道の回転を実装するサンプルコード

最近、次のような効果を達成する必要がある最初は、CSS3D回転を使用して記述すると、次の効果しか得ら...

JavaScript でオブジェクトのプロパティを削除する方法

1. 削除delete は、オブジェクトのプロパティを残さずに削除する唯一の方法ですが、その「代替」...

Vueコンポーネントの再利用と拡張の詳細な説明

目次概要延長は必要ですか?スロットJavaScript ユーティリティ関数拡張コンポーネントの複数の...

CSS3 フィルターを使用して PNG 画像の色を変更するサンプル コード

この方法は、CSS3のdrop-shadow filterを使用して、png画像の不透明部分に任意の...

MySQL の乗算と除算の精度の不一致の問題 (除算後の小数点以下 4 桁)

質問今日、プロジェクト関数を書いていたとき、金額の統計計算を行い、単位を変換する必要がありました。そ...

Ubuntu 18.04 Server バージョンのインストールと使用方法 (画像とテキスト)

1 システムのインストール手順OSバージョン:1804イメージのダウンロード: http://cd...

Javascript サンプル プロジェクトでの虫眼鏡効果の実装プロセス

目次序文事例: JD.com の虫眼鏡効果の模倣オフセットシリーズクライアントシリーズスクロールシリ...

ネイティブJSが様々なスポーツの均一な動きを実現

この記事では、ネイティブ JS で実装された均一なモーションを紹介します。その効果は次のとおりです。...

Vue3.0 でページング コンポーネントを手動でカプセル化する方法

この記事では、vue3.0の手動カプセル化ページングコンポーネントの具体的なコードを参考までに紹介し...