Title: WP-GraphViz
Author: Jan DeBAAT
Published: <strong>2013년 8월 29일</strong>
Last modified: 2023년 7월 23일

---

플러그인 검색

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/wp-graphviz/assets/icon-256x256.png?rev=971604)

# WP-GraphViz

 작성자: [Jan DeBAAT](https://profiles.wordpress.org/debaat/)

[다운로드](https://downloads.wordpress.org/plugin/wp-graphviz.1.5.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/wp-graphviz/#description)
 * [평가](https://ko.wordpress.org/plugins/wp-graphviz/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/wp-graphviz/#installation)
 * [개발](https://ko.wordpress.org/plugins/wp-graphviz/#developers)

 [지원](https://wordpress.org/support/plugin/wp-graphviz/)

## 설명

[GraphViz](http://www.graphviz.org/) is a powerful tool for visualising network 
and tree structures that connect objects.

This WordPress plugin provides a shortcode mechanism to create GraphViz graphics
within blogs, using the shortcode mechanism.

It’s working is based on the viz.js code as provided by Mike Daines:

    ```
    https://github.com/mdaines/viz.js
    ```

Special thanks goes to chrisy as author of TFO Graphviz, e.g. for providing the 
inspiration for this readme:

    ```
    https://wordpress.org/plugins/tfo-graphviz/
    ```

### How to use WP GraphViz

The shortcode syntax is:

    ```
    [wp_graphviz <options>]
     <DOT code>
    [/wp_graphviz]
    ```

Where `<options>` is anything from this list. All are entirely optional:

 * `id="`_<id>_`"`
 * Provides the identifier used to link the generated image to an image map. If 
   you use the `simple` option then it also provides the name of the generated DOT
   graph container (since GraphViz uses this to generate the image map). If not 
   given then an identifier is generated with the form `wp_graphviz_N` where _N_
   is an integer that starts at one when the plugin is loaded and is incremented
   with use.
 * `output="<png|gif|jpg|svg>"`
 * Indicates the desired image format. Defaults to `png`.
 * `simple="yes|no"`
 * The `simple` option provides a very basic DOT wrapper around your code such that
   the following is possible:
 *     ```
       [wp_graphviz simple="yes"] a -> b -> c; [/wp_graphviz]
       ```
   
 * The generated code would look like:
 *     ```
       digraph wp_graphviz_1 {
           a -> b -> c;
       }
       ```
   
 * See the `id` option for a description of where the name of the `digraph` comes
   from. `simple` defaults to `no`.
 * `title="`_<title>_`"`
 * Indicates the title of the image. This is used in the `alt` and `title` attributes
   of the image reference. This defaults to an empty string. Note that image maps
   may indicate a `title` string which will appear in tool-tips.

## 스크린샷

[⌊This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note
that the screenshot is taken from the /assets directory or the directory that contains
the stable readme.txt (tags or trunk). Screenshots in the /assets directory take
precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-
1.png (or jpg, jpeg, gif).⌉⌊This screen shot description corresponds to screenshot-
1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory
or the directory that contains the stable readme.txt (tags or trunk). Screenshots
in the /assets directory take precedence. For example, /assets/screenshot-1.png 
would win over /tags/4.3/screenshot-1.png (or jpg, jpeg, gif).⌉[

This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note
that the screenshot is taken from the /assets directory or the directory that contains
the stable readme.txt (tags or trunk). Screenshots in the /assets directory take
precedence. For example, `/assets/screenshot-1.png` would win over `/tags/4.3/screenshot-
1.png` (or jpg, jpeg, gif).

## 설치

 1. Upload `wp-graphviz.php` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Use shortcode `[wp_graphviz]<dot code>[/wp_graphviz]` in your posts or pages

## FAQ

### What is GraphViz?

[GraphViz](http://www.graphviz.org/) is a way of generating visualisations of structural
relationships between objects.
 Almost any kind of diagram where something _connects_
to something else can be drawn and automatically laid out using the DOT language.

### How do I use this plugin?

Use the `[wp_graphviz]` shortcode. Various uses are explained in the “_How to use_”
section.

### How do I write DOT?

The online documentation for [GraphViz](http://www.graphviz.org/) is terse and not
especially helpful, in particular the [DOT language](http://www.graphviz.org/doc/info/lang.html)
page is only helpful if you happen to be able to read an approximation of [BNF](http://en.wikipedia.org/wiki/Backus%E2%80%93Naur_Form).

There are however several other introductions to Graphviz and DOT, including [an excerpt on the O’Reilly LinuxDevCenter.com site](http://linuxdevcenter.com/pub/a/linux/2004/05/06/graphviz_dot.html).

Another approach would be to look at the examples in the [Graphviz gallery](http://www.graphviz.org/Gallery.php).

If in doubt, find an example and experiment with it.

## 후기

![](https://secure.gravatar.com/avatar/af6094cf7033bf3e194eaa9432f9904a050cc49eb4a9ebd7dcf00abdf334d3d0?
s=60&d=retro&r=g)

### 󠀁[Good with WP 6.4.2.](https://wordpress.org/support/topic/good-with-wp-6-4-2/)󠁿

 [lilisanfilippo](https://profiles.wordpress.org/lilisanfilippo/) 2024년 3월 17일

It works perfectly fine. Though you have to use -> and cannot use – – but whatever.

![](https://secure.gravatar.com/avatar/f613723a205595cb49e694509dc0da34a58edcf45a38e7234dc53f52dfc608ee?
s=60&d=retro&r=g)

### 󠀁[The only working GV plugin](https://wordpress.org/support/topic/the-only-working-gv-plugin/)󠁿

 [bolet75](https://profiles.wordpress.org/bolet75/) 2018년 2월 10일

I tried the 2 other available GV plugins. Only this one: – generates svg (plus png
of course) which is a must for me, – accepts complete existing dot files (I have
a lot of those, and I’d rather not spend time “simplifying” them), – doesn’t put
its (c) mark at the bottom of every graph (one of the others did, quite an intrusive
self promotion), – is self contained (one other relies on a binary GV installation,
but can’t find the executable because php runs chrooted here). THANKS to the author!

 [ 모든 3 평가 읽기 ](https://wordpress.org/support/plugin/wp-graphviz/reviews/)

## 기여자 & 개발자

“WP-GraphViz”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ Jan DeBAAT ](https://profiles.wordpress.org/debaat/)

“WP-GraphViz”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/wp-graphviz/contributors)
님께 감사드립니다.

[자국어로 “WP-GraphViz”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/wp-graphviz)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/wp-graphviz/)는, [SVN 저장소](https://plugins.svn.wordpress.org/wp-graphviz/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/wp-graphviz/)
을 [RSS](https://plugins.trac.wordpress.org/log/wp-graphviz/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.5.1

 * Tested for WordPress 6.2.2.

#### 1.5.0

 * Tested for WordPress 5.4.

#### 1.4.0

 * Tested for WordPress 5.0.

#### 1.3.0

 * Replaced viz.js with viz-lite.js to reduce footprint only supporting dot and 
   svg options.
 * Fixed shortcode handling keeping only those that work with viz-lite.
 * Disabled wptexturize for WP_GraphViz shortcode.
 * Formal version, tested for WP 4.7.4.
 * Fixed translations.

#### 1.2.1

 * Fixed translation handling using localization functions.

#### 1.2.0

 * Formal version, tested for WP 4.6.1.
 * Added shortcode parameters.

#### 1.1.0

 * Formal version, tested for WP 4.0.
 * Added icon-128×128.png to support plugin icons.

#### 1.0.0

 * First formal version, improved reference data.
 * Updated the viz.js library to latest version.

#### 0.1.0

 * First version starting the plugin.

## 기초

 *  버전 **1.5.1**
 *  최근 업데이트: **3년 전**
 *  활성화된 설치 **50+**
 *  워드프레스 버전 ** 5.0 또는 그 이상 **
 *  다음까지 시험됨: **6.2.11**
 *  언어
 * [Dutch](https://nl.wordpress.org/plugins/wp-graphviz/) 및 [English (US)](https://wordpress.org/plugins/wp-graphviz/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/wp-graphviz)
 * 태그:
 * [diagram](https://ko.wordpress.org/plugins/tags/diagram/)[dot](https://ko.wordpress.org/plugins/tags/dot/)
   [graph](https://ko.wordpress.org/plugins/tags/graph/)[graphviz](https://ko.wordpress.org/plugins/tags/graphviz/)
   [network](https://ko.wordpress.org/plugins/tags/network/)
 *  [고급 보기](https://ko.wordpress.org/plugins/wp-graphviz/advanced/)

## 평점

 별 5점 만점에 4점.

 *  [  2/5-별점 후기     ](https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=3)
 *  [  1/2-별점 후기     ](https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-graphviz/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/wp-graphviz/reviews/)

## 기여자

 *   [ Jan DeBAAT ](https://profiles.wordpress.org/debaat/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/wp-graphviz/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](http://www.de-baat.nl/WP_Graphviz)