JP6665579B2 - Drawing method, drawing apparatus, and drawing program - Google Patents

Drawing method, drawing apparatus, and drawing program Download PDF

Info

Publication number
JP6665579B2
JP6665579B2 JP2016034359A JP2016034359A JP6665579B2 JP 6665579 B2 JP6665579 B2 JP 6665579B2 JP 2016034359 A JP2016034359 A JP 2016034359A JP 2016034359 A JP2016034359 A JP 2016034359A JP 6665579 B2 JP6665579 B2 JP 6665579B2
Authority
JP
Japan
Prior art keywords
network diagram
enlargement
display screen
enlargement ratio
node
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2016034359A
Other languages
Japanese (ja)
Other versions
JP2017151780A (en
Inventor
貴三郎 福田
貴三郎 福田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujitsu Ltd
Original Assignee
Fujitsu Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fujitsu Ltd filed Critical Fujitsu Ltd
Priority to JP2016034359A priority Critical patent/JP6665579B2/en
Publication of JP2017151780A publication Critical patent/JP2017151780A/en
Application granted granted Critical
Publication of JP6665579B2 publication Critical patent/JP6665579B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Image Generation (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、描画方法、描画装置および描画プログラムに関する。   The present invention relates to a drawing method, a drawing device, and a drawing program.

遺伝子の相互作用、SNS(Social Networking Service)等による人間関係、サーバ等の機器の接続関係等を可視化するために、ネットワーク図が用いられる場合がある。ネットワーク図は、可視化対象の要素を示すノードとノード間を結ぶ線であるアークとを用いて、複数のノード間の関係を表現する。なお、ネットワーク図は、ノードの重なりやアークの交差が増加すると見難くなる。このため、ノードの重なりやアークの交差の発生を抑制するように、各ノードを自動的に再配置してネットワーク図を描画する方法が提案されている(例えば、特許文献1参照)。   A network diagram may be used to visualize gene interactions, human relationships by SNS (Social Networking Service) or the like, connection relationships between devices such as servers, and the like. The network diagram expresses a relationship between a plurality of nodes by using nodes indicating elements to be visualized and arcs that are lines connecting the nodes. It should be noted that the network diagram becomes difficult to see as the number of overlapping nodes and the intersection of arcs increase. For this reason, a method has been proposed in which nodes are automatically rearranged and a network diagram is drawn so as to suppress the occurrence of node overlap and arc intersection (for example, see Patent Document 1).

特開2007−233728号公報JP 2007-233728 A

一定の表示領域に全てのノードを表示するように生成されたネットワーク図では、ノードの数が増加するにしたがい、ノードの重なり等の発生を防止することが困難になる。この場合、ネットワーク図内の着目する範囲を拡大して表示することにより、着目する範囲を見やすくすることが考えられる。しかしながら、ネットワーク図を単純に拡大した場合、例えば、互いに重なって配置されたノードは、互いに重なった状態のまま拡大される。このため、ネットワーク図を単純に拡大しても、ノードの重なりが解消されず、ネットワーク図においてノードの詳細情報(ノードのラベル、ノード間の接続関係等)が見難い状態から改善されない場合がある。   In a network diagram generated so that all nodes are displayed in a certain display area, it becomes difficult to prevent the occurrence of node overlap or the like as the number of nodes increases. In this case, by enlarging and displaying the range of interest in the network diagram, it is conceivable to make the range of interest easier to see. However, when the network diagram is simply enlarged, for example, nodes arranged so as to overlap each other are enlarged while overlapping each other. For this reason, even if the network diagram is simply enlarged, the overlapping of the nodes is not resolved, and the detailed information (node labels, connection relationships between nodes, etc.) of the nodes in the network diagram may not be improved from an unclear state. .

1つの側面では、本発明は、ネットワーク図を拡大して表示した場合に、ノードの重なりの発生を抑制することを目的とする。   In one aspect, an object of the present invention is to suppress occurrence of node overlap when a network diagram is displayed in an enlarged manner.

一観点によれば、ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画方法では、表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付け、拡大指示に基づく第1の拡大率で第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における描画オブジェクトの配置状態に基づいて、描画オブジェクトの拡大率を第1の拡大率以下の第2の拡大率に修正し、第1のネットワーク図における描画オブジェクトを除く要素を第1の拡大率で拡大し、描画オブジェクトを第2の拡大率で拡大することによって拡大後のネットワーク図を生成し、拡大後のネットワーク図を表示画面に表示する、処理をコンピュータが実行するAccording to one aspect, the the drawing method of displaying a network diagram that represents the relation between a plurality of nodes using a line connecting the drawing objects and nodes representing nodes on the display screen, which is displayed on the display screen 1 of enlarging the network diagram accepts enlargement instruction, based on the arrangement of the drawing objects in the second network diagram that is generated when the enlarged first network diagram in a first magnification ratio based on the enlargement instruction, drawing The enlargement ratio of the object is corrected to a second enlargement ratio equal to or less than the first enlargement ratio, elements other than the drawing object in the first network diagram are enlarged by the first enlargement ratio, and the drawing object is changed to the second enlargement ratio. The computer executes a process of generating an enlarged network diagram by enlarging the network diagram and displaying the enlarged network diagram on a display screen.

別の観点によれば、ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画装置は、表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付ける受け付け部と、拡大指示に基づく第1の拡大率で第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における描画オブジェクトの配置状態に基づいて、描画オブジェクトの拡大率を第1の拡大率以下の第2の拡大率に修正する拡大率修正部と、第1のネットワーク図における描画オブジェクトを除く要素を第1の拡大率で拡大し、描画オブジェクトを第2の拡大率で拡大することによって拡大後のネットワーク図を生成する拡大部と、拡大後のネットワーク図を表示画面に表示する描画部とを有する。 According to another aspect, the rendering apparatus to display the network diagram that represents the relation between a plurality of nodes using a line connecting the drawing objects and nodes representing nodes on a display screen, a displayed on the display screen A receiving unit for receiving an enlargement instruction for enlarging the first network diagram, and an arrangement state of drawing objects in a second network diagram generated when the first network diagram is enlarged at a first enlargement ratio based on the enlargement instruction. based on, and expansion and enlargement factor correction unit for correcting the magnification of the drawing object to the first magnification rate following the second magnification ratio, the elements except the drawing objects in the first network diagram in a first magnification ratio , an enlarged portion for generating a network view after enlargement by enlarging the drawing object in the second magnification ratio, on the display screen a network view of the enlarged And a Shimesuru drawing unit.

別の観点によれば、ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画処理をコンピュータに実行させる描画プログラムでは、表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付け、拡大指示に基づく第1の拡大率で第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における描画オブジェクトの配置状態に基づいて、描画オブジェクトの拡大率を第1の拡大率以下の第2の拡大率に修正し、第1のネットワーク図における描画オブジェクトを除く要素を第1の拡大率で拡大し、描画オブジェクトを第2の拡大率で拡大することによって拡大後のネットワーク図を生成し、拡大後のネットワーク図を表示画面に表示する。
According to another aspect, a drawing program that causes a computer to execute a drawing process of displaying, on a display screen, a network diagram expressing a relationship between a plurality of nodes using a drawing object representing a node and a line connecting the nodes, A drawing object in the second network diagram generated when an enlargement instruction for enlarging the first network diagram displayed on the display screen is received and the first network diagram is enlarged at a first enlargement ratio based on the enlargement instruction. Correcting the enlargement ratio of the drawing object to a second enlargement ratio equal to or less than the first enlargement ratio based on the arrangement state of (a), enlarging the elements other than the drawing object in the first network diagram by the first enlargement ratio, the drawing object to generate a network diagram of the enlarged by expanding in the second magnification ratio, displaying a network diagram of the enlarged screen To display.

ネットワーク図を拡大して表示した場合に、ノードの重なりの発生を抑制できる。   When the network diagram is enlarged and displayed, the occurrence of node overlap can be suppressed.

描画方法、描画装置および描画プログラムの一実施形態を示す図である。1 is a diagram illustrating an embodiment of a drawing method, a drawing device, and a drawing program. 描画方法、描画装置および描画プログラムの別の実施形態を示す図である。FIG. 9 is a diagram illustrating another embodiment of a drawing method, a drawing device, and a drawing program. 図2に示した描画装置の動作の一例を示す図である。FIG. 3 is a diagram illustrating an example of an operation of the drawing apparatus illustrated in FIG. 2. 表示画面に表示される拡大後のネットワーク図の一例を示す図である。It is a figure showing an example of the network figure after expansion displayed on a display screen. 描画方法、描画装置および描画プログラムの別の実施形態を示す図である。FIG. 9 is a diagram illustrating another embodiment of a drawing method, a drawing device, and a drawing program. 図5に示した描画装置の動作の一例を示す図である。FIG. 6 is a diagram illustrating an example of an operation of the drawing apparatus illustrated in FIG. 5. 描画方法、描画装置および描画プログラムの別の実施形態を示す図である。FIG. 9 is a diagram illustrating another embodiment of a drawing method, a drawing device, and a drawing program. 図7に示した描画装置の動作の一例を示す図である。FIG. 8 is a diagram illustrating an example of an operation of the drawing apparatus illustrated in FIG. 7. 描画方法、描画装置および描画プログラムの別の実施形態を示す図である。FIG. 9 is a diagram illustrating another embodiment of a drawing method, a drawing device, and a drawing program. 図9に示した描画装置の動作の一例を示す図である。FIG. 10 is a diagram illustrating an example of an operation of the drawing apparatus illustrated in FIG. 9. 描画プログラムを実行するハードウェアの一例を示す図である。FIG. 3 is a diagram illustrating an example of hardware that executes a drawing program.

以下、実施形態について、図面を用いて説明する。   Hereinafter, embodiments will be described with reference to the drawings.

図1は、描画方法、描画装置および描画プログラムの一実施形態を示す。図1に示す描画装置100は、ネットワーク図NTDを表示装置600の表示画面610に表示する描画処理を実行する。ネットワーク図NTDは、ノードを表す描画オブジェクトDO(DO1、DO2、DO3、DO4)とノード間を結ぶアークA(A1、A2、A3)とを用いて複数のノード間の関係を表現する。アークAは、ノード間を結ぶ線の一例である。なお、図1では、表示画面610に表示されるネットワーク図NTDの一例を括弧内に示す。図1に示す例では、描画オブジェクトDOは、ノードの位置を含む円形のシンボルである。なお、描画オブジェクトDOは、ノードの位置を含むシンボルに限定されない。例えば、描画オブジェクトDOは、ノードの情報を示す文字列等のラベルでもよい。あるいは、1つのノードに対して、シンボルおよびラベル等の複数種の描画オブジェクトDOが用いられてもよい。   FIG. 1 shows an embodiment of a drawing method, a drawing apparatus, and a drawing program. The drawing apparatus 100 shown in FIG. 1 executes a drawing process of displaying the network diagram NTD on the display screen 610 of the display device 600. The network diagram NTD expresses a relationship between a plurality of nodes using a drawing object DO (DO1, DO2, DO3, DO4) representing a node and an arc A (A1, A2, A3) connecting the nodes. Arc A is an example of a line connecting nodes. In FIG. 1, an example of the network diagram NTD displayed on the display screen 610 is shown in parentheses. In the example shown in FIG. 1, the drawing object DO is a circular symbol including the position of the node. Note that the drawing object DO is not limited to the symbol including the position of the node. For example, the drawing object DO may be a label such as a character string indicating node information. Alternatively, a plurality of types of drawing objects DO such as symbols and labels may be used for one node.

描画装置100は、例えば、ディスプレイ等の表示装置600を有するコンピュータ等の情報処理装置に搭載される。描画装置100が実行する描画処理等の処理は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、描画処理をコンピュータに実行させてもよい。   The drawing device 100 is mounted on an information processing device such as a computer having a display device 600 such as a display, for example. Processing such as drawing processing executed by the drawing apparatus 100 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute a drawing process.

描画装置100は、描画部200、受け付け部300、拡大率修正部400および拡大部500を有する。描画部200は、ネットワーク図NTDに含まれる描画オブジェクトDOの配置等を示す図形情報GINF(GINF1、GINF2)を受け、図形情報GINFを保持する。図形情報GINFは、例えば、ノード間の接続関係、各描画オブジェクトDOの大きさ、各描画オブジェクトDOを配置する際の座標(以下、配置座標とも称する)等を示す情報を有する。例えば、描画部200は、ネットワーク図NTDを表示装置600の表示画面610に表示するための描画データDDATAを図形情報GINFに基づいて生成し、生成した描画データDDATAを表示装置600に出力する。これにより、ネットワーク図NTDは、表示画面610に表示される。   The drawing apparatus 100 includes a drawing unit 200, a reception unit 300, an enlargement ratio correction unit 400, and an enlargement unit 500. The drawing unit 200 receives graphic information GINF (GINF1, GINF2) indicating the arrangement of the drawing objects DO included in the network diagram NTD, and holds the graphic information GINF. The graphic information GINF includes, for example, information indicating a connection relationship between nodes, a size of each drawing object DO, coordinates (hereinafter, also referred to as arrangement coordinates) when each drawing object DO is arranged. For example, the drawing unit 200 generates drawing data DDATA for displaying the network diagram NTD on the display screen 610 of the display device 600 based on the graphic information GINF, and outputs the generated drawing data DDATA to the display device 600. As a result, the network diagram NTD is displayed on the display screen 610.

なお、図形情報GINF1は、例えば、ネットワーク図NTDのオリジナルの図形情報GINFであり、描画装置100の外部のメモリ等から描画部200に転送される。各描画オブジェクトDOの配置座標を示す情報は、図形情報GINF1から省かれてもよい。この場合、描画部200は、例えば、力学モデル等を用いて各描画オブジェクトDOの配置座標を決定する。   The graphic information GINF1 is, for example, original graphic information GINF of the network diagram NTD, and is transferred to the drawing unit 200 from a memory or the like external to the drawing apparatus 100. Information indicating the arrangement coordinates of each drawing object DO may be omitted from the graphic information GINF1. In this case, the drawing unit 200 determines the arrangement coordinates of each drawing object DO using, for example, a dynamic model or the like.

また、図形情報GINF2は、拡大指示EINF等によりサイズが変更されたネットワーク図NTDの図形情報GINFであり、拡大部500から描画部200に転送される。すなわち、描画部200が保持している図形情報GINFは、拡大部500から描画部200に図形情報GINF2が転送される度に更新される。例えば、描画部200が保持している図形情報GINFは、ネットワーク図NTDを拡大する度に更新される。   The graphic information GINF2 is the graphic information GINF of the network diagram NTD whose size has been changed by the enlargement instruction EINF or the like, and is transferred from the enlargement unit 500 to the drawing unit 200. That is, the graphic information GINF held by the drawing unit 200 is updated every time the graphic information GINF2 is transferred from the enlargement unit 500 to the drawing unit 200. For example, the graphic information GINF held by the drawing unit 200 is updated each time the network diagram NTD is enlarged.

例えば、受け付け部300は、表示画面610に表示されたネットワーク図NTDを拡大させる拡大指示EINFを受け付ける。例えば、表示画面610に表示された拡大前のネットワーク図NTD(図1の(a)拡大前のネットワーク図NTD)を見ているユーザは、ネットワーク図NTDを拡大するための操作を、マウス等の入力装置(図示せず)を用いて実行する。これにより、拡大指示EINFが受け付け部300に通知される。そして、受け付け部300は、拡大指示EINFに基づいて第1の拡大率EF1を算出する。第1の拡大率EF1は、ユーザが所望するネットワーク図NTDの拡大率に対応する。受け付け部300は、拡大指示EINFに基づく第1の拡大率EF1を示す情報を拡大率修正部400および拡大部500に出力する。   For example, the receiving unit 300 receives an enlargement instruction EINF for enlarging the network diagram NTD displayed on the display screen 610. For example, a user who is viewing the network diagram NTD before the enlargement displayed on the display screen 610 (FIG. 1A, the network diagram NTD before the enlargement) performs an operation for enlarging the network diagram NTD using a mouse or the like. This is performed using an input device (not shown). Thus, the enlargement instruction EINF is notified to the receiving unit 300. Then, the receiving unit 300 calculates the first enlargement ratio EF1 based on the enlargement instruction EINF. The first enlargement ratio EF1 corresponds to the enlargement ratio of the network diagram NTD desired by the user. The accepting unit 300 outputs information indicating the first enlargement ratio EF1 based on the enlargement instruction EINF to the enlargement ratio correction unit 400 and the enlargement unit 500.

拡大率修正部400は、第1の拡大率EF1で拡大した場合のネットワーク図NTDにおける描画オブジェクトDOの配置状態に基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。そして、拡大率修正部400は、第2の拡大率EF2を示す情報を拡大部500に出力する。   The enlargement ratio correction unit 400 sets the enlargement ratio of the drawing object DO to the second enlargement ratio equal to or less than the first enlargement ratio EF1 based on the arrangement state of the drawing object DO in the network diagram NTD when the enlargement is performed at the first enlargement ratio EF1. Correct the magnification to EF2. Then, the enlargement ratio correction unit 400 outputs information indicating the second enlargement ratio EF2 to the enlargement unit 500.

例えば、拡大率修正部400は、描画部200が保持している図形情報GINFに基づいて、複数の描画オブジェクトDO2、DO3が互いに重なる重複領域(図の網掛け部分)を検出する。そして、拡大率修正部400は、描画オブジェクトDOの配置状態を示す情報として、第1の拡大率EF1でネットワーク図NTDを拡大した場合の重複領域の総面積を算出する。この場合、拡大率修正部400は、描画オブジェクトDOの配置状態を示す情報として算出した重複領域の総面積に基づいて、第2の拡大率EF2を算出する。例えば、拡大率修正部400は、重複領域の総面積が大きくなるほど、第2の拡大率EF2を小さくする。   For example, based on the graphic information GINF held by the drawing unit 200, the enlargement ratio correction unit 400 detects an overlapping area (shaded portion in the figure) where the plurality of drawing objects DO2 and DO3 overlap each other. Then, the enlargement factor correction unit 400 calculates the total area of the overlapping area when the network diagram NTD is enlarged at the first enlargement factor EF1, as information indicating the arrangement state of the drawing object DO. In this case, the enlargement ratio correction unit 400 calculates the second enlargement ratio EF2 based on the total area of the overlapping area calculated as the information indicating the arrangement state of the drawing object DO. For example, the enlargement ratio correction unit 400 decreases the second enlargement ratio EF2 as the total area of the overlapping area increases.

なお、拡大率修正部400は、重複領域の総面積とは別の情報を、配置状態を示す情報として算出してもよい。例えば、拡大率修正部400は、第1の拡大率EF1でネットワーク図NTDを拡大した場合に表示画面610に表示される描画オブジェクトDOの描画面積の総和を算出する。図1に示す例では、拡大率修正部400は、比較例に示した表示画面610における描画オブジェクトDO1、DO2、DO3の面積の総和を描画オブジェクトDOの描画面積の総和として算出する。そして、拡大率修正部400は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和の割合を、描画オブジェクトDOの配置状態を示す情報として算出してもよい。この場合、例えば、拡大率修正部400は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和の割合と予め設定された閾値との比較結果に基づいて、第2の拡大率EF2を算出する。表示画面610の面積に対する描画オブジェクトDOの描画面積の総和の割合が予め設定された閾値より大きい場合、拡大率修正部400は、第2の拡大率EF2を第1の拡大率EF1より小さくする。   Note that the enlargement ratio correction unit 400 may calculate information different from the total area of the overlapping area as information indicating the arrangement state. For example, the enlargement ratio correction unit 400 calculates the total drawing area of the drawing object DO displayed on the display screen 610 when the network diagram NTD is enlarged at the first enlargement ratio EF1. In the example illustrated in FIG. 1, the enlargement factor correction unit 400 calculates the sum of the areas of the drawing objects DO1, DO2, and DO3 on the display screen 610 illustrated in the comparative example as the sum of the drawing areas of the drawing object DO. Then, the enlargement ratio correction unit 400 may calculate the ratio of the total drawing area of the drawing object DO to the area of the display screen 610 as information indicating the arrangement state of the drawing object DO. In this case, for example, the enlargement ratio correction unit 400 calculates the second enlargement ratio EF2 based on a comparison result between the ratio of the total drawing area of the drawing object DO to the area of the display screen 610 and a preset threshold value. I do. When the ratio of the total drawing area of the drawing object DO to the area of the display screen 610 is larger than a preset threshold, the enlargement ratio correction unit 400 makes the second enlargement ratio EF2 smaller than the first enlargement ratio EF1.

拡大部500は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素(すなわち、描画オブジェクトDO間の位置関係)を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。これにより、ネットワーク図NTDが拡大される。例えば、拡大部500は、拡大指示EINFに基づく第1の拡大率EF1で描画オブジェクトDO間の距離(例えば、描画オブジェクトDO間の位置関係、アークA等)を拡大する。そして、拡大部500は、描画オブジェクトDOの配置状態に基づいて修正された第2の拡大率EF2で描画オブジェクトDOを表示画面610の横方向および縦方向にそれぞれ拡大する。   The enlargement unit 500 enlarges elements other than the drawing object DO in the network diagram NTD (that is, the positional relationship between the drawing objects DO) by the first enlargement factor EF1, and enlarges the drawing object DO by the second enlargement factor EF2. . Thereby, the network diagram NTD is enlarged. For example, the enlargement unit 500 enlarges the distance between the drawing objects DO (for example, the positional relationship between the drawing objects DO, arc A, and the like) at a first enlargement ratio EF1 based on the enlargement instruction EINF. Then, the enlargement unit 500 enlarges the drawing object DO in the horizontal direction and the vertical direction of the display screen 610 at the second enlargement ratio EF2 corrected based on the arrangement state of the drawing object DO.

このように、拡大部500は、ネットワーク図NTDを拡大指示EINFに基づいて拡大する場合、ネットワーク図NTDにおける描画オブジェクトDO間の位置関係を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。そして、拡大部500は、拡大後のネットワーク図NTDの図形情報GINF2を描画部200に出力する。これにより、図1の(b)拡大後のネットワーク図NTDに示すように、拡大後のネットワーク図NTDが表示画面610に表示される。   As described above, when the enlargement unit 500 enlarges the network diagram NTD based on the enlargement instruction EINF, the enlargement unit 500 enlarges the positional relationship between the drawing objects DO in the network diagram NTD at the first enlargement ratio EF1, and enlarges the drawing object DO. The enlargement is performed at an enlargement ratio EF2 of 2. Then, the enlargement unit 500 outputs the graphic information GINF2 of the enlarged network diagram NTD to the drawing unit 200. Thus, the enlarged network diagram NTD is displayed on the display screen 610, as shown in FIG. 1 (b) the enlarged network diagram NTD.

図1に示す例では、描画オブジェクトDO2、DO3に着目した場合、描画オブジェクトDO2、DO3間の距離(描画オブジェクトDO2、DO3間の位置関係)が第1の拡大率EF1で拡大される。そして、描画オブジェクトDO2、DO3の大きさが第1の拡大率EF1より小さい第2の拡大率EF2で拡大される。このため、描画オブジェクトDO2と描画オブジェクトDO3との重なりが解消される。このように、図1に示す描画装置100による描画方法では、ノードを表す描画オブジェクトDOの重なりの発生を抑制できる。すなわち、ノードの重なりの発生を抑制することができる。   In the example shown in FIG. 1, when focusing on the drawing objects DO2 and DO3, the distance between the drawing objects DO2 and DO3 (the positional relationship between the drawing objects DO2 and DO3) is enlarged at the first enlargement ratio EF1. Then, the size of the drawing objects DO2 and DO3 is enlarged at the second enlargement ratio EF2 smaller than the first enlargement ratio EF1. Therefore, the overlap between the drawing object DO2 and the drawing object DO3 is resolved. As described above, in the drawing method using the drawing apparatus 100 illustrated in FIG. 1, it is possible to suppress the occurrence of the overlapping of the drawing objects DO representing the nodes. That is, the occurrence of node overlap can be suppressed.

ここで、図1に示す比較例では、描画オブジェクトDO2、DO3間の距離と描画オブジェクトDO2、DO3の大きさとの両方が第1の拡大率EF1で拡大されるため、描画オブジェクトDO2と描画オブジェクトDO3との重なりは解消されない。このため、比較例では、ネットワーク図NTDが見難い状態から改善されない場合がある。換言すれば、図1に示す描画装置100による描画方法では、描画オブジェクトDO2と描画オブジェクトDO3との重なりが解消されるため、図1に示す比較例に比べて、ネットワーク図NTDを見やすくできる。   Here, in the comparative example shown in FIG. 1, since both the distance between the drawing objects DO2 and DO3 and the size of the drawing objects DO2 and DO3 are enlarged at the first enlargement ratio EF1, the drawing objects DO2 and DO3 are enlarged. The overlap with is not eliminated. For this reason, in the comparative example, the network diagram NTD may not be improved from an unclear state. In other words, in the drawing method by the drawing apparatus 100 shown in FIG. 1, the overlap between the drawing object DO2 and the drawing object DO3 is eliminated, so that the network diagram NTD can be more easily seen than in the comparative example shown in FIG.

なお、描画装置100の構成および動作は、図1に示す例に限定されない。例えば、描画装置100は、表示画面610に表示されたネットワーク図NTDを縮小させる縮小指示を受けた場合、描画オブジェクトDO間の位置関係および描画オブジェクトDOの両方を縮小指示に基づく縮小率で縮小してもよい。これにより、ネットワーク図NTDは、縮小指示に基づく縮小率で縮小される。   The configuration and operation of the drawing apparatus 100 are not limited to the example shown in FIG. For example, when receiving the reduction instruction to reduce the network diagram NTD displayed on the display screen 610, the drawing apparatus 100 reduces both the positional relationship between the drawing objects DO and the drawing object DO at the reduction ratio based on the reduction instruction. You may. Thereby, the network diagram NTD is reduced at a reduction rate based on the reduction instruction.

以上、図1に示す実施形態では、描画装置100は、表示画面610に表示されたネットワーク図NTDを拡大させる拡大指示EINFを受け付ける。そして、描画装置100は、拡大指示EINFに基づく第1の拡大率EF1で拡大した場合のネットワーク図NTDにおける描画オブジェクトDOの配置状態に基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。描画装置100は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。そして、描画装置100は、拡大後のネットワーク図NTDを表示画面610に表示する。   As described above, in the embodiment illustrated in FIG. 1, the drawing apparatus 100 receives the enlargement instruction EINF that enlarges the network diagram NTD displayed on the display screen 610. Then, the drawing apparatus 100 changes the enlargement ratio of the drawing object DO to the first enlargement ratio EF1 based on the arrangement state of the drawing object DO in the network diagram NTD when the enlargement is performed at the first enlargement ratio EF1 based on the enlargement instruction EINF. It is corrected to the following second enlargement ratio EF2. The drawing apparatus 100 enlarges elements other than the drawing object DO in the network diagram NTD at the first enlargement factor EF1, and enlarges the drawing object DO at the second enlargement factor EF2. Then, drawing apparatus 100 displays enlarged network diagram NTD on display screen 610.

このように、描画オブジェクトDOの拡大率が拡大指示EINFに基づく第1の拡大率EF1以下の第2の拡大率EF2に修正されるため、描画オブジェクトDO2の重なりの発生を抑制すること、すなわち、ノードの重なりの発生を抑制することができる。この結果、表示画面610に表示されるネットワーク図NTDを見やすくすることができる。   As described above, the enlargement ratio of the drawing object DO is corrected to the second enlargement ratio EF2 that is equal to or less than the first enlargement ratio EF1 based on the enlargement instruction EINF. The occurrence of node overlap can be suppressed. As a result, the network diagram NTD displayed on the display screen 610 can be easily viewed.

図2は、描画方法、描画装置および描画プログラムの別の実施形態を示す。図1で説明した要素と同一または同様の要素については、同一または同様の符号を付し、これ等については、詳細な説明を省略する。図2に示す描画装置110は、図1に示した拡大率修正部400の代わりに拡大率修正部410を有する。描画装置110のその他の構成は、図1に示した描画装置100と同一または同様である。描画装置110は、例えば、ディスプレイ等の表示装置600、マウス等の入力装置800およびメモリ700を有するコンピュータ等の情報処理装置に搭載される。描画装置110が実行する描画処理等の処理は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、描画処理をコンピュータに実行させてもよい。   FIG. 2 shows another embodiment of the drawing method, the drawing device, and the drawing program. The same or similar elements as those described in FIG. 1 are denoted by the same or similar reference numerals, and detailed description thereof will be omitted. The drawing apparatus 110 shown in FIG. 2 has a magnification correcting section 410 instead of the magnification correcting section 400 shown in FIG. Other configurations of the drawing apparatus 110 are the same as or similar to those of the drawing apparatus 100 shown in FIG. The drawing device 110 is mounted on an information processing device such as a computer having a display device 600 such as a display, an input device 800 such as a mouse, and a memory 700, for example. Processing such as drawing processing executed by the drawing apparatus 110 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute a drawing process.

なお、図2では、表示画面610に表示されるネットワーク図NTDの一例を括弧内に示す。図2に示す例では、1つのノードに対して、ノードの位置を含む円形のシンボルとノードの情報を示す文字列等のラベルの2種類の描画オブジェクトDO(DOn、Dol)が表示画面610に表示される。複数種の描画オブジェクトDOのうち、描画オブジェクトDOn(DOn1、DOn2、DOn3)は、ノードの位置を含むシンボルであり、描画オブジェクトDOl(DOl1、DOl2、DOl3)は、ノードの情報を示すラベルである。なお、描画オブジェクトDOは、シンボルおよびラベルの一方のみでもよい。あるいは、1つのノードに対して、3種類以上の描画オブジェクトDOが表示画面610に表示されてもよい。   In FIG. 2, an example of the network diagram NTD displayed on the display screen 610 is shown in parentheses. In the example shown in FIG. 2, two types of drawing objects DO (DOn, Dol) such as a circular symbol including a node position and a label such as a character string indicating node information are displayed on the display screen 610 for one node. Is displayed. Among the plurality of types of drawing objects DO, the drawing object DOn (DOn1, DOn2, DOn3) is a symbol including the position of the node, and the drawing object DO1 (D01, D02, D03) is a label indicating information of the node. . Note that the drawing object DO may be only one of the symbol and the label. Alternatively, three or more types of drawing objects DO may be displayed on the display screen 610 for one node.

描画装置110は、描画部200、受け付け部300、拡大率修正部410および拡大部500を有する。   The drawing apparatus 110 includes a drawing unit 200, a reception unit 300, an enlargement ratio correction unit 410, and an enlargement unit 500.

描画部200は、例えば、ネットワーク図NTDのオリジナルの図形情報GINF1をメモリ700から受け、図形情報GINF1を保持する。そして、描画部200は、ネットワーク図NTDの描画データDDATAを図形情報GINF1に基づいて生成し、生成した描画データDDATAを表示装置600に出力する。これにより、オリジナルの図形情報GINF1に基づくネットワーク図NTDが表示画面610に表示される。   The drawing unit 200 receives, for example, original graphic information GINF1 of the network diagram NTD from the memory 700, and holds the graphic information GINF1. Then, the drawing unit 200 generates the drawing data DDATA of the network diagram NTD based on the graphic information GINF1, and outputs the generated drawing data DDATA to the display device 600. As a result, the network diagram NTD based on the original graphic information GINF1 is displayed on the display screen 610.

また、描画部200は、保持している図形情報GINFを、拡大部500から図形情報GINF2を受ける度に、図形情報GINF2に更新する。そして、描画部200は、ネットワーク図NTDの描画データDDATAを図形情報GINF2に基づいて生成し、生成した描画データDDATAを表示装置600に出力する。これにより、表示画面610に表示されるネットワーク図NTDは、例えば、拡大指示EINFにより拡大されたネットワーク図NTDに更新される。   The drawing unit 200 updates the held graphic information GINF to the graphic information GINF2 every time the graphic information GINF2 is received from the enlargement unit 500. Then, the drawing unit 200 generates the drawing data DDATA of the network diagram NTD based on the graphic information GINF2, and outputs the generated drawing data DDATA to the display device 600. Thereby, the network diagram NTD displayed on the display screen 610 is updated to, for example, the network diagram NTD enlarged by the enlargement instruction EINF.

受け付け部300は、例えば、表示画面610に表示されたネットワーク図NTDを拡大させる拡大指示EINFを入力装置800から受け、拡大指示EINFに基づいて第1の拡大率EF1を算出する。そして、受け付け部300は、拡大指示EINFに基づく第1の拡大率EF1を示す情報を拡大率修正部410および拡大部500に出力する。   The receiving unit 300 receives, for example, an enlargement instruction EINF for enlarging the network diagram NTD displayed on the display screen 610 from the input device 800, and calculates a first enlargement ratio EF1 based on the enlargement instruction EINF. Then, the accepting unit 300 outputs information indicating the first enlargement ratio EF1 based on the enlargement instruction EINF to the enlargement ratio correction unit 410 and the enlargement unit 500.

拡大率修正部410は、複数の描画オブジェクトDOが互いに重なる重複領域(図の網掛け部分)の総面積に基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。そして、拡大率修正部400は、第2の拡大率EF2を示す情報を拡大部500に出力する。   The enlargement ratio correction unit 410 sets the enlargement ratio of the drawing object DO to a second enlargement ratio equal to or less than the first enlargement ratio EF1, based on the total area of the overlapping area (shaded portion in the drawing) where the plurality of drawing objects DO overlap each other. Correct to rate EF2. Then, the enlargement ratio correction unit 400 outputs information indicating the second enlargement ratio EF2 to the enlargement unit 500.

例えば、拡大率修正部410は、重複領域算出部412および拡大率算出部414を有する。重複領域算出部412は、例えば、描画部200が保持している図形情報GINF、すなわち、表示画面610に表示されているネットワーク図NTDに対応する図形情報GINFに基づいて、複数の描画オブジェクトDOが互いに重なる重複領域を検出する。そして、重複領域算出部412は、第1の拡大率EF1でネットワーク図NTDを拡大した場合における重複領域の総面積TAを、描画オブジェクトDOの配置状態を示す情報として算出する。重複領域算出部412は、重複領域の総面積TAを示す情報を拡大率算出部414に出力する。   For example, the enlargement ratio correction unit 410 includes an overlapping area calculation unit 412 and an enlargement ratio calculation unit 414. For example, the overlapping area calculation unit 412 generates a plurality of drawing objects DO based on the graphic information GINF held by the drawing unit 200, that is, the graphic information GINF corresponding to the network diagram NTD displayed on the display screen 610. Detect overlapping areas that overlap each other. Then, the overlapping area calculation unit 412 calculates the total area TA of the overlapping area when the network diagram NTD is enlarged at the first enlargement factor EF1, as information indicating the arrangement state of the drawing object DO. The overlapping area calculation unit 412 outputs information indicating the total area TA of the overlapping area to the enlargement ratio calculation unit 414.

図2に示す例では、重複領域算出部412は、ノードのシンボルを示す複数の描画オブジェクトDOnが互いに重なる領域およびノードのラベルを示す複数の描画オブジェクトDOlが互いに重なる領域を、重複領域として検出する。すなわち、重複領域算出部412は、描画オブジェクトDOの種類毎に重複領域を検出する。これにより、共通のノードに対応する描画オブジェクトDOn、DOlが重なる領域(例えば、描画オブジェクトDOn1、DOl1が重なる領域)を解消対象の重複領域から除外することができる。なお、重複領域算出部412は、互いに異なる種類の描画オブジェクトDOが重なる領域も重複領域として検出してもよい。   In the example illustrated in FIG. 2, the overlapping area calculation unit 412 detects, as an overlapping area, an area where a plurality of drawing objects DOn indicating a symbol of a node overlap with each other and an area where a plurality of drawing objects Dol indicating a label of a node overlap with each other. . That is, the overlapping area calculation unit 412 detects an overlapping area for each type of the drawing object DO. As a result, an area where the drawing objects DOn and Dol corresponding to the common node overlap (for example, an area where the drawing objects DOn1 and Doll overlap) can be excluded from the overlapping area to be resolved. Note that the overlapping area calculation unit 412 may also detect an area where different types of drawing objects DO overlap with each other as an overlapping area.

拡大率算出部414は、重複領域の総面積TAに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。そして、拡大率算出部414は、第2の拡大率EF2を示す情報を拡大部500に出力する。例えば、第2の拡大率EF2は、第1の拡大率EF1および重複領域の総面積TAを用いて、式(1)で表される。   The enlargement ratio calculation unit 414 corrects the enlargement ratio of the drawing object DO to a second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1, based on the total area TA of the overlapping area. Then, the enlargement ratio calculation unit 414 outputs information indicating the second enlargement ratio EF2 to the enlargement unit 500. For example, the second enlargement ratio EF2 is represented by Expression (1) using the first enlargement ratio EF1 and the total area TA of the overlapping region.

EF2=EF1/(EF1−(EF1−1)/(TA+1)) ・・・(1)
このように、第2の拡大率EF2は、重複領域の総面積TAが大きくなるほど、小さくなる。なお、第2の拡大率EF2の算出式は、式(1)に限定されない。
EF2 = EF1 / (EF1- (EF1-1) / (TA + 1)) (1)
As described above, the second enlargement ratio EF2 decreases as the total area TA of the overlapping region increases. Note that the calculation formula of the second enlargement ratio EF2 is not limited to the formula (1).

拡大部500は、ネットワーク図NTDを第1の拡大率EF1で拡大する際、描画オブジェクトDOを第1の拡大率EF1で拡大する代わりに第2の拡大率EF2で拡大してネットワーク図NTDを拡大する。そして、拡大部500は、拡大後のネットワーク図NTDの図形情報GINF2を描画部200に出力する。これにより、拡大後のネットワーク図NTDが表示画面610に表示される。このように、描画装置110は、例えば、図2の(a)拡大前のネットワーク図NTDに示す状態から図2の(b)拡大後のネットワーク図NTDに示す状態のように、ネットワーク図NTDを拡大して表示画面610に表示する。   When the enlargement unit 500 enlarges the network diagram NTD by the first enlargement ratio EF1, the enlargement of the drawing object DO by the second enlargement ratio EF2 instead of the enlargement of the drawing object DO by the first enlargement ratio EF1 enlarges the network diagram NTD. I do. Then, the enlargement unit 500 outputs the graphic information GINF2 of the enlarged network diagram NTD to the drawing unit 200. Thereby, the enlarged network diagram NTD is displayed on the display screen 610. As described above, the drawing apparatus 110 converts the network diagram NTD from the state illustrated in FIG. 2A to the network diagram NTD before the enlargement in FIG. The image is enlarged and displayed on the display screen 610.

図2に示す例では、描画オブジェクトDOn2、DOl2、DOn3、DOl3に着目した場合、描画オブジェクトDOn2、DOl2と描画オブジェクトDOn3、DOl3との間隔が第1の拡大率EF1で拡大される。すなわち、描画オブジェクトDOn2、DOl2と描画オブジェクトDOn3、DOl3との位置関係が第1の拡大率EF1で拡大される。そして、描画オブジェクトDOn2、DOl2、DOn3、DOl3の大きさが第1の拡大率EF1より小さい第2の拡大率EF2で拡大される。このため、描画オブジェクトDOl2と描画オブジェクトDOl3との重なり(図2に示す例では、ノードのラベルの重なり)が解消される。このように、図2に示す描画装置120による描画方法では、ノードを表す描画オブジェクトDOの重なりの発生を抑制できる。すなわち、ノードの重なりの発生を抑制することができる。   In the example shown in FIG. 2, when focusing on the drawing objects DOn2, DOn2, DOn3, and D03, the interval between the drawing objects DOn2, DOn2 and the drawing objects DOn3, D03 is enlarged at the first enlargement ratio EF1. That is, the positional relationship between the drawing objects DOn2, D02 and the drawing objects DOn3, D03 is enlarged at the first enlargement ratio EF1. Then, the size of the drawing objects DOn2, DOL2, DOn3, and DOL3 is enlarged at the second enlargement ratio EF2 smaller than the first enlargement ratio EF1. Therefore, the overlap between the drawing object DO12 and the drawing object DO13 (in the example shown in FIG. 2, the overlap of the node labels) is resolved. As described above, in the drawing method by the drawing device 120 illustrated in FIG. 2, it is possible to suppress the occurrence of the overlapping of the drawing objects DO representing the nodes. That is, the occurrence of node overlap can be suppressed.

ここで、図2に示す比較例では、描画オブジェクトDOn2、DOl2と描画オブジェクトDOn3、DOl3との間隔と、描画オブジェクトDOn2、DOl2、DOn3、DOl3の大きさとの両方が第1の拡大率EF1で拡大される。このため、比較例では、描画オブジェクトDOl2と描画オブジェクトDOl3との重なりが解消されず、ネットワーク図NTDが見難い状態から改善されない場合がある。換言すれば、図2に示す描画装置110による描画方法では、描画オブジェクトDOl2と描画オブジェクトDOl3との重なりが解消されるため、図2に示す比較例に比べて、ネットワーク図NTDを見やすくできる。なお、描画装置110の構成は、図2に示す例に限定されない。   Here, in the comparative example shown in FIG. 2, both the distance between the drawing objects DOn2, D02 and the drawing objects DOn3, D03 and the sizes of the drawing objects DOn2, D02, DOn3, D03 are enlarged at the first magnification EF1. Is done. For this reason, in the comparative example, the overlap between the drawing object DOl2 and the drawing object DOl3 may not be resolved, and the network diagram NTD may not be improved from an unclear state. In other words, in the drawing method using the drawing device 110 shown in FIG. 2, the overlap between the drawing object DO12 and the drawing object DO13 is eliminated, so that the network diagram NTD can be seen more easily than in the comparative example shown in FIG. Note that the configuration of the drawing apparatus 110 is not limited to the example shown in FIG.

図3は、図2に示した描画装置110の動作の一例を示す。なお、図3は、表示画面610に表示されたネットワーク図NTDを拡大する際の描画装置110の動作の一例を示す。例えば、ステップS100の処理が実行される前に、拡大対象のネットワーク図NTD(例えば、オリジナルの図形情報GINF1等に基づくネットワーク図NTD)は、表示画面610に表示される。   FIG. 3 shows an example of the operation of the drawing apparatus 110 shown in FIG. FIG. 3 shows an example of the operation of the drawing apparatus 110 when the network diagram NTD displayed on the display screen 610 is enlarged. For example, before the process of step S100 is performed, the network diagram NTD to be enlarged (for example, the network diagram NTD based on the original graphic information GINF1 or the like) is displayed on the display screen 610.

なお、図3に示す動作は、ネットワーク図NTDを表示画面610に表示する描画方法の一態様である。図3に示す動作は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、図3に示す動作をコンピュータに実行させてもよい。   Note that the operation illustrated in FIG. 3 is one mode of a drawing method of displaying the network diagram NTD on the display screen 610. The operation illustrated in FIG. 3 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute the operation shown in FIG.

ステップS100では、受け付け部300は、表示画面610に表示されたネットワーク図NTDを拡大させる拡大指示EINFを受け付け、拡大指示EINFに基づいて第1の拡大率EF1を算出する。例えば、表示画面610に表示されたネットワーク図NTDを見ているユーザは、ネットワーク図NTDを拡大するための操作を、マウス等の入力装置800を用いて実行する。これにより、拡大指示EINFが受け付け部300に通知され、描画装置110の動作は、ステップS200に移る。すなわち、ステップS200以降の動作は、受け付け部300が拡大指示EINFを受け付けるまで待機される。   In step S100, the receiving unit 300 receives an enlargement instruction EINF for enlarging the network diagram NTD displayed on the display screen 610, and calculates a first enlargement ratio EF1 based on the enlargement instruction EINF. For example, a user viewing the network diagram NTD displayed on the display screen 610 performs an operation for enlarging the network diagram NTD using the input device 800 such as a mouse. As a result, the enlargement instruction EINF is notified to the receiving unit 300, and the operation of the drawing apparatus 110 proceeds to step S200. That is, the operation after step S200 is on standby until receiving unit 300 receives enlargement instruction EINF.

ステップS200では、重複領域算出部412は、複数の描画オブジェクトDOが互いに重なる重複領域の総面積TAを算出する。例えば、重複領域算出部412は、表示画面610に表示されているネットワーク図NTDに対応する図形情報GINFに基づいて、複数の描画オブジェクトDOの重複領域を検出する。そして、重複領域算出部412は、拡大指示EINFに基づく第1の拡大率EF1でネットワーク図NTDを拡大した場合における重複領域の総面積TAを算出する。   In step S200, the overlapping area calculation unit 412 calculates the total area TA of the overlapping area where the plurality of drawing objects DO overlap each other. For example, the overlapping area calculation unit 412 detects an overlapping area of a plurality of drawing objects DO based on the graphic information GINF corresponding to the network diagram NTD displayed on the display screen 610. Then, the overlapping area calculation unit 412 calculates the total area TA of the overlapping area when the network diagram NTD is enlarged at the first enlargement ratio EF1 based on the enlargement instruction EINF.

次に、ステップS300では、拡大率算出部414は、ステップS200で算出された重複領域の総面積TAに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。例えば、拡大率算出部414は、図2で説明した式(1)を用いて、第2の拡大率EF2を算出する。   Next, in step S300, the enlargement ratio calculation unit 414 sets the enlargement ratio of the drawing object DO to a second enlargement ratio equal to or less than the first enlargement ratio EF1, based on the total area TA of the overlapping area calculated in step S200. Correct to EF2. For example, the enlargement ratio calculation unit 414 calculates the second enlargement ratio EF2 using Expression (1) described with reference to FIG.

次に、ステップS400では、拡大部500は、第1の拡大率EF1および第2の拡大率EF2を用いて、ネットワーク図NTDを拡大する。例えば、拡大部500は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素(すなわち、描画オブジェクトDO間の位置関係)を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。これにより、拡大後のネットワーク図NTDに対応する図形情報GINF2が生成される。   Next, in step S400, the enlargement unit 500 enlarges the network diagram NTD using the first enlargement ratio EF1 and the second enlargement ratio EF2. For example, the enlargement unit 500 enlarges elements other than the drawing object DO in the network diagram NTD (that is, the positional relationship between the drawing objects DO) by the first enlargement ratio EF1, and enlarges the drawing object DO by the second enlargement ratio EF2. Expanding. Thereby, the graphic information GINF2 corresponding to the enlarged network diagram NTD is generated.

次に、ステップS500では、描画部200は、拡大後のネットワーク図NTD(ステップS400で拡大されたネットワーク図NTD)を表示画面610に表示する。例えば、描画部200は、第1の拡大率EF1で拡大された描画オブジェクトDO間の位置関係および第2の拡大率EF2で拡大された描画オブジェクトDOを示す情報を含む図形情報GINF2に基づいて、描画データDDATAを生成する。そして、描画部200は、描画データDDATAを表示装置600に出力する。これにより、拡大後のネットワーク図NTDが表示装置600の表示画面610に表示される。なお、描画装置110の動作は、図3に示す例に限定されない。   Next, in step S500, drawing section 200 displays enlarged network diagram NTD (network diagram NTD enlarged in step S400) on display screen 610. For example, the drawing unit 200 determines the position relationship between the drawing objects DO enlarged at the first enlargement ratio EF1 and the graphic information GINF2 including information indicating the drawing object DO enlarged at the second enlargement ratio EF2. Generate drawing data DDATA. Then, the drawing unit 200 outputs the drawing data DDATA to the display device 600. Thereby, the network diagram NTD after the enlargement is displayed on the display screen 610 of the display device 600. Note that the operation of the drawing apparatus 110 is not limited to the example illustrated in FIG.

図4は、表示画面610に表示される拡大後のネットワーク図NTDの一例を示す。図4の(a)描画装置110による拡大、(b)比較例1、(c)比較例2は、拡大対象のネットワーク図NTDを拡大点付近を中心にして拡大した場合に表示画面610に表示されるネットワーク図NTDを示す。比較例1および比較例2は、描画装置110による拡大方法の比較例である。なお、図4では、図を見やすくするために、描画オブジェクトDOおよびアークAの符号の記載を省略している。例えば、図4に示す”ノード番号1”等は、ノードのラベルを示す描画オブジェクトDOであり、図4に示す円形等のシンボルは、ノードの位置を含むシンボルを示す描画オブジェクトDOである。また、図4に示す円形等のシンボルを結ぶ線は、アークAである。また、図4では、描画オブジェクトDO間の位置関係の拡大は、平面領域の拡大とも称される。   FIG. 4 shows an example of an enlarged network diagram NTD displayed on the display screen 610. (A) Enlargement by the drawing apparatus 110 in FIG. 4, (b) Comparative Example 1 and (c) Comparative Example 2 are displayed on the display screen 610 when the network diagram NTD to be enlarged is enlarged around the enlargement point. The network diagram NTD to be performed is shown. Comparative Examples 1 and 2 are comparative examples of the enlargement method using the drawing apparatus 110. Note that, in FIG. 4, the symbols of the drawing object DO and the arc A are omitted for easy understanding of the drawing. For example, “node number 1” or the like illustrated in FIG. 4 is a drawing object DO indicating a label of a node, and a symbol such as a circle illustrated in FIG. 4 is a drawing object DO indicating a symbol including the position of the node. In addition, a line connecting symbols such as circles shown in FIG. In FIG. 4, the enlargement of the positional relationship between the drawing objects DO is also referred to as the enlargement of a plane area.

描画装置110は、図2で説明した式(2)に示したように、描画オブジェクトDOの拡大率を、描画オブジェクトDOの重複領域の総面積TAに基づいて、第1の拡大率EF1以下の第2の拡大率EF2に修正する。図4の(a)に示す例では、第2の拡大率EF2は、第1の拡大率EF1(=1.5倍)より小さい1.2倍である。これにより、平面領域は、1.5倍(第1の拡大率EF1)に拡大され、ノードのシンボルおよびラベルを示す描画オブジェクトDOは、1.2倍(第2の拡大率EF2)に拡大される。この結果、拡大後のネットワーク図NTDにおける描画オブジェクトDO2の重なりの発生を抑制することができ、表示画面610に表示される拡大後のネットワーク図NTDを見やすくすることができる。   The drawing apparatus 110 sets the enlargement ratio of the drawing object DO to a value equal to or smaller than the first enlargement ratio EF1 based on the total area TA of the overlapping area of the drawing object DO, as shown in Expression (2) described in FIG. Correct to the second enlargement factor EF2. In the example shown in FIG. 4A, the second enlargement ratio EF2 is 1.2 times smaller than the first enlargement ratio EF1 (= 1.5 times). As a result, the plane area is enlarged 1.5 times (first enlargement ratio EF1), and the drawing object DO indicating the symbol and label of the node is enlarged 1.2 times (second enlargement ratio EF2). You. As a result, it is possible to suppress the occurrence of the overlapping of the drawing objects DO2 in the enlarged network diagram NTD, and to make it easier to see the enlarged network diagram NTD displayed on the display screen 610.

これに対し、比較例1では、平面領域と描画オブジェクトDO(ノードのシンボル、ラベル)との両方が共通の拡大率(第2の拡大率EF1=第1の拡大率EF1)で拡大される。例えば、平面領域と描画オブジェクトDOが1.2倍に拡大される。このため、比較例1では、描画オブジェクトDOの重なりが解消されない。したがって、表示画面610に表示される拡大後のネットワーク図NTDは、描画装置110による拡大に比べて、ノードのラベルが読み辛く見難い。   On the other hand, in Comparative Example 1, both the plane area and the drawing object DO (the symbol or label of the node) are enlarged at a common enlargement ratio (the second enlargement ratio EF1 = the first enlargement ratio EF1). For example, the plane area and the drawing object DO are enlarged 1.2 times. For this reason, in Comparative Example 1, the overlapping of the drawing objects DO is not eliminated. Therefore, in the enlarged network diagram NTD displayed on the display screen 610, the label of the node is harder to read and hard to see as compared with the enlargement by the drawing device 110.

また、比較例2では、平面領域の拡大率(すなわち、第1の拡大率EF1)に応じて、描画オブジェクトDOの拡大率(すなわち、第2の拡大率EF2)が一意に決定される。図4に示す比較例2では、第2の拡大率EF2は、”(EF1+4)/5”で表される式により、第1の拡大率EF1に応じて一意に決定される。換言すれば、描画オブジェクトDOの大きさをユーザが所望する大きさに拡大する場合、第1の拡大率EF1(平面領域の拡大率)は、”5×EF2−4”で表される式により、第2の拡大率EF2(描画オブジェクトDOの拡大率)に応じて一意に決定される。   In Comparative Example 2, the enlargement ratio of the drawing object DO (that is, the second enlargement ratio EF2) is uniquely determined according to the enlargement ratio of the plane area (that is, the first enlargement ratio EF1). In Comparative Example 2 shown in FIG. 4, the second enlargement ratio EF2 is uniquely determined according to the first enlargement ratio EF1 by an expression represented by “(EF1 + 4) / 5”. In other words, when the size of the drawing object DO is enlarged to a size desired by the user, the first enlargement ratio EF1 (enlargement ratio of the plane area) is calculated by an expression represented by “5 × EF2-4”. , The second enlargement ratio EF2 (the enlargement ratio of the drawing object DO).

例えば、描画オブジェクトDOの大きさをユーザが所望する大きさまで拡大するための第2の拡大率EF2が1.2倍である場合、第1の拡大率EF1は、2倍に決定される。この場合、平面領域は、2.0倍(第1の拡大率EF1)に拡大され、描画オブジェクトDO(ノードのシンボル、ラベル)は、1.2倍(第2の拡大率EF2)に拡大される。   For example, when the second enlargement ratio EF2 for enlarging the size of the drawing object DO to the size desired by the user is 1.2 times, the first enlargement ratio EF1 is determined to be 2 times. In this case, the plane area is enlarged to 2.0 times (first enlargement ratio EF1), and the drawing object DO (node symbol, label) is enlarged to 1.2 times (second enlargement ratio EF2). You.

図4に示す比較例2では、着目するノード(例えば、”ノード番号5”)の接続先のノードが表示画面610に収まらず、ノード間の接続関係が見難い。このように、比較例2では、描画オブジェクトDOの大きさをユーザが所望する大きさまで拡大した場合、ノードを表す描画オブジェクトDO間の距離が必要以上に大きくなり、ノード間の接続関係が見難くなる場合がある。すなわち、平面領域の拡大率に応じて描画オブジェクトDOの拡大率を一意に決定する方式では、描画オブジェクトDOの重なりが解消されるまで描画オブジェクトDOを拡大した場合、ノード間の接続関係が見難くなる場合がある。   In the comparative example 2 shown in FIG. 4, the connection destination node of the node of interest (for example, “node number 5”) does not fit on the display screen 610, and the connection relationship between the nodes is difficult to see. As described above, in Comparative Example 2, when the size of the drawing object DO is enlarged to a size desired by the user, the distance between the drawing objects DO representing the nodes becomes unnecessarily large, and the connection relationship between the nodes is difficult to see. May be. That is, in the method of uniquely determining the enlargement ratio of the drawing object DO according to the enlargement ratio of the plane area, when the drawing object DO is enlarged until the overlapping of the drawing objects DO is resolved, the connection relationship between the nodes is difficult to see. May be.

これに対し、図4の(a)描画装置110による拡大では、例えば、”ノード番号5”(着目するノード)の接続先の”ノード番号35”等のノードは、表示画面610に表示される。このように、描画装置110による拡大では、ノード間の接続関係が見難くなることを抑制できる。   On the other hand, in the enlargement by the drawing device 110 in FIG. 4A, for example, a node such as “node number 35” to which “node number 5” (the node of interest) is connected is displayed on the display screen 610. . As described above, in the enlargement by the drawing apparatus 110, it is possible to suppress the connection relation between the nodes from being difficult to see.

以上、図2から図4に示す実施形態においても、図1に示した実施形態と同様の効果を得ることができる。例えば、描画装置110は、複数の描画オブジェクトDOが互いに重なる重複領域を検出し、第1の拡大率EF1でネットワーク図NTDを拡大した場合における重複領域の総面積TAを算出する。そして、描画装置110は、複数の描画オブジェクトDOの重複領域の総面積TAに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。例えば、描画装置110は、重複領域の総面積TAが大きくなるほど、第2の拡大率EF2を小さくする。そして、描画装置110は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。   As described above, the same effects as those of the embodiment shown in FIG. 1 can be obtained in the embodiments shown in FIGS. For example, the drawing apparatus 110 detects an overlapping area where a plurality of drawing objects DO overlap each other, and calculates the total area TA of the overlapping area when the network diagram NTD is enlarged at the first enlargement ratio EF1. Then, the drawing apparatus 110 corrects the enlargement ratio of the drawing object DO to a second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1, based on the total area TA of the overlapping area of the plurality of drawing objects DO. For example, the drawing apparatus 110 decreases the second enlargement ratio EF2 as the total area TA of the overlapping area increases. Then, the drawing apparatus 110 enlarges elements other than the drawing object DO in the network diagram NTD at the first enlargement ratio EF1, and enlarges the drawing object DO at the second enlargement ratio EF2.

このように、描画装置110は、描画オブジェクトDOの拡大率を、拡大指示EINFに基づく第1の拡大率EF1以下の第2の拡大率EF2に重複領域の総面積TAに基づいて修正する。これにより、描画オブジェクトDO2の重なりの発生を抑制すること、すなわち、ノードの重なりの発生を抑制することができる。この結果、表示画面610に表示されるネットワーク図NTDを見やすくすることができ、ノードの詳細情報(ノードのラベル、ノード間の接続関係等)を容易に読み取ることができる。   As described above, the drawing apparatus 110 corrects the enlargement ratio of the drawing object DO to the second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1 based on the enlargement instruction EINF based on the total area TA of the overlapping area. Thereby, it is possible to suppress the occurrence of the overlapping of the drawing objects DO2, that is, to suppress the occurrence of the overlapping of the nodes. As a result, the network diagram NTD displayed on the display screen 610 can be easily viewed, and detailed information (node labels, connection relationships between nodes, etc.) of the nodes can be easily read.

図5は、描画方法、描画装置および描画プログラムの別の実施形態を示す。図1から図4で説明した要素と同一または同様の要素については、同一または同様の符号を付し、これ等については、詳細な説明を省略する。図5に示す描画装置120は、図2に示した拡大率修正部410の代わりに拡大率修正部420を有する。描画装置120のその他の構成は、図2に示した描画装置110と同一または同様である。描画装置120は、例えば、ディスプレイ等の表示装置600、マウス等の入力装置800およびメモリ700を有するコンピュータ等の情報処理装置に搭載される。描画装置120が実行する描画処理等の処理は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、描画処理をコンピュータに実行させてもよい。   FIG. 5 shows another embodiment of the drawing method, the drawing apparatus, and the drawing program. The same or similar elements as those described with reference to FIGS. 1 to 4 are denoted by the same or similar reference numerals, and detailed description thereof will be omitted. The drawing apparatus 120 shown in FIG. 5 has a magnification ratio correction unit 420 instead of the magnification ratio correction unit 410 shown in FIG. The other configuration of the drawing apparatus 120 is the same as or similar to the drawing apparatus 110 shown in FIG. The drawing device 120 is mounted on an information processing device such as a computer having a display device 600 such as a display, an input device 800 such as a mouse, and a memory 700, for example. Processing such as drawing processing executed by the drawing apparatus 120 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute a drawing process.

描画装置120は、描画部200、受け付け部300、拡大率修正部420および拡大部500を有する。描画部200および受け付け部300は、図2に示した描画部200および受け付け部300と同一または同様である。   The drawing apparatus 120 includes a drawing unit 200, a reception unit 300, an enlargement ratio correction unit 420, and an enlargement unit 500. Drawing unit 200 and accepting unit 300 are the same as or similar to drawing unit 200 and accepting unit 300 shown in FIG.

拡大率修正部420は、第1の拡大率EF1でネットワーク図NTDを拡大した場合に表示画面610に表示される描画オブジェクトDOの描画面積の総和DARを算出する。そして、拡大率修正部420は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和DARの割合FR(以下、平面充填率FRとも称する)に基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。また、拡大率修正部400は、第2の拡大率EF2を示す情報を拡大部500に出力する。   The enlargement ratio correction unit 420 calculates the total sum DAR of the drawing area of the drawing object DO displayed on the display screen 610 when the network diagram NTD is enlarged at the first enlargement ratio EF1. Then, the enlargement ratio correction unit 420 sets the enlargement ratio of the drawing object DO to the first based on the ratio FR (hereinafter, also referred to as a plane filling ratio FR) of the total sum DAR of the drawing area of the drawing object DO to the area of the display screen 610. Is corrected to a second enlargement ratio EF2 equal to or less than the enlargement ratio EF1. Further, the enlargement ratio correction unit 400 outputs information indicating the second enlargement ratio EF2 to the enlargement unit 500.

例えば、拡大率修正部420は、描画面積算出部422、充填率算出部424および拡大率算出部426を有する。   For example, the enlargement ratio correction unit 420 includes a drawing area calculation unit 422, a filling ratio calculation unit 424, and an enlargement ratio calculation unit 426.

描画面積算出部422は、拡大指示EINFに基づく第1の拡大率EF1でネットワーク図NTDを拡大した場合に表示画面610に表示される描画オブジェクトDOの描画面積の総和DARを算出する。例えば、描画面積算出部422は、描画部200が保持している図形情報GINF、すなわち、表示画面610に表示されているネットワーク図NTDに対応する図形情報GINFに基づいて、描画オブジェクトDOの描画面積の総和DARを算出する。図1に示したネットワーク図NTDの例では、描画面積算出部422は、比較例に示した表示画面610における描画オブジェクトDO1、DO2、DO3の面積の総和を描画オブジェクトDOの描画面積の総和DARとして算出する。   The drawing area calculation unit 422 calculates the total sum DAR of the drawing area of the drawing object DO displayed on the display screen 610 when the network diagram NTD is enlarged at the first enlargement ratio EF1 based on the enlargement instruction EINF. For example, the drawing area calculation unit 422 calculates the drawing area of the drawing object DO based on the graphic information GINF held by the drawing unit 200, that is, the graphic information GINF corresponding to the network diagram NTD displayed on the display screen 610. Is calculated. In the example of the network diagram NTD shown in FIG. 1, the drawing area calculation unit 422 sets the total sum of the areas of the drawing objects DO1, DO2, and DO3 on the display screen 610 shown in the comparative example as the total sum DAR of the drawing area of the drawing object DO. calculate.

また、図2に示したネットワーク図NTDの例では、描画面積算出部422は、比較例に示した表示画面610における描画オブジェクトDOn1−DOn3、DOl1−DOl3の面積の総和を描画オブジェクトDOの描画面積の総和DARとして算出する。なお、描画面積算出部422は、ノードのラベルを示す描画オブジェクトDOlの描画面積として、例えば、ラベルに外接する矩形領域の面積を算出する。   Further, in the example of the network diagram NTD shown in FIG. 2, the drawing area calculation unit 422 calculates the total area of the drawing objects DOn1-DOn3 and DO11-DO13 on the display screen 610 shown in the comparative example by the drawing area of the drawing object DO. Is calculated as the total sum DAR. Note that the drawing area calculation unit 422 calculates, for example, the area of a rectangular area circumscribing the label as the drawing area of the drawing object DOl indicating the label of the node.

そして、描画面積算出部422は、描画オブジェクトDOの描画面積の総和DARを示す情報を充填率算出部424に出力する。   Then, the drawing area calculation unit 422 outputs information indicating the total sum DAR of the drawing areas of the drawing object DO to the filling rate calculation unit 424.

充填率算出部424は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和DARの割合FR(平面充填率FR)を、描画オブジェクトDOの配置状態を示す情報として算出する。そして、充填率算出部424は、描画オブジェクトDOの平面充填率FRを示す情報を拡大率算出部426に出力する。   The filling rate calculation unit 424 calculates a ratio FR (flat filling rate FR) of the total sum DAR of the drawing area of the drawing object DO to the area of the display screen 610 as information indicating the arrangement state of the drawing object DO. Then, the filling rate calculation unit 424 outputs information indicating the plane filling rate FR of the drawing object DO to the enlargement rate calculation unit 426.

拡大率算出部426は、描画オブジェクトDOの平面充填率FRに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。例えば、拡大率算出部426は、描画オブジェクトDOの平面充填率FRが予め設定された閾値より大きい場合、第2の拡大率EF2を第1の拡大率EFより小さくする。この場合、例えば、第2の拡大率EF2は、第1の拡大率EF1および描画オブジェクトDOの平面充填率FRを用いて、式(2)で表される。   The enlargement ratio calculation unit 426 corrects the enlargement ratio of the drawing object DO to a second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1, based on the plane filling ratio FR of the drawing object DO. For example, when the plane filling rate FR of the drawing object DO is larger than a preset threshold, the enlargement ratio calculation unit 426 sets the second enlargement ratio EF2 to be smaller than the first enlargement ratio EF. In this case, for example, the second enlargement ratio EF2 is represented by Expression (2) using the first enlargement ratio EF1 and the plane filling ratio FR of the drawing object DO.

EF2=EF1/(EF1−(EF1−1)/(FR+1)) ・・・(2)
このように、描画オブジェクトDOの平面充填率FRが予め設定された閾値より大きい場合、第2の拡大率EF2は、描画オブジェクトDOの平面充填率FRが大きくなるほど、小さくなる。なお、第2の拡大率EF2の算出式は、式(2)に限定されない。なお、描画オブジェクトDOの平面充填率FRが予め設定された閾値以下の場合、拡大率算出部426は、第2の拡大率EF2を第1の拡大率EF1と同じ値にする。
EF2 = EF1 / (EF1- (EF1-1) / (FR + 1)) (2)
As described above, when the plane filling rate FR of the drawing object DO is larger than the preset threshold, the second enlargement rate EF2 decreases as the plane filling rate FR of the drawing object DO increases. Note that the calculation formula of the second enlargement ratio EF2 is not limited to the formula (2). If the plane filling rate FR of the drawing object DO is equal to or less than a preset threshold, the enlargement rate calculator 426 sets the second enlargement rate EF2 to the same value as the first enlargement rate EF1.

拡大部500は、図2に示した拡大部500と同一または同様である。図5に示す描画装置120は、複数の描画オブジェクトDOの重複領域の総面積TAを算出する代わりに、描画オブジェクトDOの平面充填率FRを算出する。これにより、描画装置120は、複数の描画オブジェクトDOの重複領域の総面積TAの算出が困難なネットワーク図NTDにおいても、ネットワーク図NTDを拡大する際の描画オブジェクトDOの拡大率を調整できる。なお、描画装置120の構成は、図5に示す例に限定されない。   The enlargement section 500 is the same as or similar to the enlargement section 500 shown in FIG. The drawing apparatus 120 shown in FIG. 5 calculates the plane filling rate FR of the drawing object DO instead of calculating the total area TA of the overlapping area of the plurality of drawing objects DO. Accordingly, the drawing apparatus 120 can adjust the enlargement ratio of the drawing object DO when expanding the network diagram NTD even in the network diagram NTD in which it is difficult to calculate the total area TA of the overlapping area of the plurality of drawing objects DO. Note that the configuration of the drawing apparatus 120 is not limited to the example shown in FIG.

図6は、図5に示した描画装置120の動作の一例を示す。なお、図6は、表示画面610に表示されたネットワーク図NTDを拡大する際の描画装置120の動作の一例を示す。例えば、ステップS100の処理が実行される前に、拡大対象のネットワーク図NTD(例えば、オリジナルの図形情報GINF1等に基づくネットワーク図NTD)は、表示画面610に表示される。   FIG. 6 shows an example of the operation of the drawing apparatus 120 shown in FIG. FIG. 6 shows an example of the operation of the drawing apparatus 120 when enlarging the network diagram NTD displayed on the display screen 610. For example, before the process of step S100 is performed, the network diagram NTD to be enlarged (for example, the network diagram NTD based on the original graphic information GINF1 or the like) is displayed on the display screen 610.

なお、図6に示す動作は、ネットワーク図NTDを表示画面610に表示する描画方法の一態様である。図6に示す動作は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、図6に示す動作をコンピュータに実行させてもよい。   Note that the operation illustrated in FIG. 6 is one mode of a drawing method of displaying the network diagram NTD on the display screen 610. The operation illustrated in FIG. 6 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute the operation illustrated in FIG.

また、図6に示す動作では、図3に示したステップS200の処理の代わりにステップS210、S220の処理が実行され、図3に示したステップS300の処理の代わりにステップS310の処理が実行される。その他の動作は、図3に示した動作と同一または同様である。   In the operation shown in FIG. 6, the processing of steps S210 and S220 is executed instead of the processing of step S200 shown in FIG. 3, and the processing of step S310 is executed instead of the processing of step S300 shown in FIG. You. Other operations are the same as or similar to the operations shown in FIG.

ステップS100では、受け付け部300は、表示画面610に表示されたネットワーク図NTDを拡大させる拡大指示EINFを受け付け、拡大指示EINFに基づいて第1の拡大率EF1を算出する。   In step S100, the receiving unit 300 receives an enlargement instruction EINF for enlarging the network diagram NTD displayed on the display screen 610, and calculates a first enlargement ratio EF1 based on the enlargement instruction EINF.

次に、ステップS210では、描画面積算出部422は、図5で説明したように、第1の拡大率EF1でネットワーク図NTDを拡大した場合に表示画面610に表示される描画オブジェクトDOの描画面積の総和DARを算出する。   Next, in step S210, as described in FIG. 5, the drawing area calculation unit 422 determines the drawing area of the drawing object DO displayed on the display screen 610 when the network diagram NTD is enlarged at the first enlargement factor EF1. Is calculated.

次に、ステップS220では、充填率算出部424は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和DARの割合FR(平面充填率FR)を算出する。   Next, in step S220, the filling rate calculation unit 424 calculates a ratio FR (flat filling rate FR) of the sum DAR of the drawing area of the drawing object DO to the area of the display screen 610.

次に、ステップS310では、拡大率算出部426は、ステップS220で算出された描画オブジェクトDOの平面充填率FRに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。例えば、拡大率算出部426は、は、描画オブジェクトDOの平面充填率FRが予め設定された閾値より大きい場合、図5で説明した式(2)を用いて、第2の拡大率EF2を算出する。また、描画オブジェクトDOの平面充填率FRが予め設定された閾値以下の場合、拡大率算出部426は、第2の拡大率EF2を第1の拡大率EF1と同じ値にする。   Next, in step S310, the enlargement ratio calculation unit 426 sets the enlargement ratio of the drawing object DO to the second enlargement ratio equal to or less than the first enlargement ratio EF1, based on the plane filling ratio FR of the drawing object DO calculated in step S220. Correct the magnification to EF2. For example, when the plane filling rate FR of the drawing object DO is larger than a preset threshold, the enlargement ratio calculation unit 426 calculates the second enlargement ratio EF2 using Expression (2) described in FIG. I do. When the plane filling rate FR of the drawing object DO is equal to or smaller than a preset threshold, the enlargement rate calculator 426 sets the second enlargement rate EF2 to the same value as the first enlargement rate EF1.

次に、ステップS400では、拡大部500は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大することにより、ネットワーク図NTDを拡大する。これにより、拡大後のネットワーク図NTDに対応する図形情報GINF2が生成される。   Next, in step S400, the enlargement unit 500 enlarges elements other than the drawing object DO in the network diagram NTD by the first enlargement ratio EF1 and enlarges the drawing object DO by the second enlargement ratio EF2. The figure NTD is enlarged. Thereby, the graphic information GINF2 corresponding to the enlarged network diagram NTD is generated.

次に、ステップS500では、描画部200は、拡大後のネットワーク図NTD(ステップS400で拡大されたネットワーク図NTD)を表示画面610に表示する。なお、描画装置120の動作は、図6に示す例に限定されない。   Next, in step S500, drawing section 200 displays enlarged network diagram NTD (network diagram NTD enlarged in step S400) on display screen 610. Note that the operation of the drawing apparatus 120 is not limited to the example illustrated in FIG.

以上、図5から図6に示す実施形態においても、図2から図4に示した実施形態と同様の効果を得ることができる。例えば、描画装置120は、第1の拡大率EF1でネットワーク図NTDを拡大した場合に表示画面610に表示される描画オブジェクトDOの描画面積の総和DARを算出する。さらに、描画装置120は、表示画面610の面積に対する描画オブジェクトDOの描画面積の総和DARの割合FR(平面充填率FR)を算出する。そして、描画装置120は、描画オブジェクトDOの平面充填率FRに基づいて、描画オブジェクトDOの拡大率を第1の拡大率EF1以下の第2の拡大率EF2に修正する。   As described above, also in the embodiment shown in FIGS. 5 and 6, the same effects as those of the embodiment shown in FIGS. 2 to 4 can be obtained. For example, the drawing device 120 calculates the total sum DAR of the drawing area of the drawing object DO displayed on the display screen 610 when the network diagram NTD is enlarged at the first enlargement ratio EF1. Further, the drawing apparatus 120 calculates a ratio FR (plane filling rate FR) of the total sum DAR of the drawing area of the drawing object DO to the area of the display screen 610. Then, the drawing apparatus 120 corrects the enlargement ratio of the drawing object DO to a second enlargement ratio EF2 that is equal to or less than the first enlargement ratio EF1, based on the plane filling ratio FR of the drawing object DO.

例えば、描画装置120は、描画オブジェクトDOの平面充填率FRが予め設定された閾値より大きい場合、第2の拡大率EF2を第1の拡大率EFより小さくする。また、描画装置120は、描画オブジェクトDOの平面充填率FRが予め設定された閾値以下の場合、第2の拡大率EF2を第1の拡大率EF1と同じ値にする。そして、描画装置120は、ネットワーク図NTDにおける描画オブジェクトDOを除く要素を第1の拡大率EF1で拡大し、描画オブジェクトDOを第2の拡大率EF2で拡大する。   For example, when the plane filling rate FR of the drawing object DO is larger than a preset threshold, the drawing apparatus 120 sets the second enlargement ratio EF2 to be smaller than the first enlargement ratio EF. When the plane filling rate FR of the drawing object DO is equal to or less than a preset threshold, the drawing apparatus 120 sets the second enlargement rate EF2 to the same value as the first enlargement rate EF1. Then, the drawing apparatus 120 enlarges the elements other than the drawing object DO in the network diagram NTD by the first enlargement ratio EF1, and enlarges the drawing object DO by the second enlargement ratio EF2.

このように、描画装置120は、複数の描画オブジェクトDOの重複領域の総面積TAを算出する代わりに、描画オブジェクトDOの平面充填率FRを算出する。これにより、描画装置120は、複数の描画オブジェクトDOの重複領域の総面積TAの算出が困難なネットワーク図NTDにおいても、ネットワーク図NTDを拡大する際の描画オブジェクトDOの拡大率を調整できる。   As described above, the drawing device 120 calculates the plane filling rate FR of the drawing object DO, instead of calculating the total area TA of the overlapping region of the plurality of drawing objects DO. Accordingly, the drawing apparatus 120 can adjust the enlargement ratio of the drawing object DO when expanding the network diagram NTD even in the network diagram NTD in which it is difficult to calculate the total area TA of the overlapping area of the plurality of drawing objects DO.

例えば、描画装置120は、描画オブジェクトDOの拡大率を、拡大指示EINFに基づく第1の拡大率EF1以下の第2の拡大率EF2に描画オブジェクトDOの平面充填率FRに基づいて修正する。これにより、描画オブジェクトDO2の重なりの発生を抑制すること、すなわち、ノードの重なりの発生を抑制することができる。この結果、表示画面610に表示されるネットワーク図NTDを見やすくすることができ、ノードの詳細情報(ノードのラベル、ノード間の接続関係等)を容易に読み取ることができる。   For example, the drawing apparatus 120 corrects the enlargement ratio of the drawing object DO to a second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1 based on the enlargement instruction EINF based on the plane filling rate FR of the drawing object DO. Thereby, it is possible to suppress the occurrence of the overlapping of the drawing objects DO2, that is, to suppress the occurrence of the overlapping of the nodes. As a result, the network diagram NTD displayed on the display screen 610 can be easily viewed, and detailed information (node labels, connection relationships between nodes, etc.) of the nodes can be easily read.

図7は、描画方法、描画装置および描画プログラムの別の実施形態を示す。図1から図6で説明した要素と同一または同様の要素については、同一または同様の符号を付し、これ等については、詳細な説明を省略する。図7に示す描画装置112では、判定部510および位置修正部520が図2に示した描画装置110に追加される。描画装置112のその他の構成は、図2に示した描画装置110と同一または同様である。描画装置112は、例えば、ディスプレイ等の表示装置600、マウス等の入力装置800およびメモリ700を有するコンピュータ等の情報処理装置に搭載される。描画装置112が実行する描画処理等の処理は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、描画処理をコンピュータに実行させてもよい。   FIG. 7 shows another embodiment of the drawing method, the drawing device, and the drawing program. The same or similar elements as those described with reference to FIGS. 1 to 6 are denoted by the same or similar reference numerals, and detailed description thereof will be omitted. In the drawing apparatus 112 shown in FIG. 7, a determination unit 510 and a position correction unit 520 are added to the drawing apparatus 110 shown in FIG. The other configuration of the drawing apparatus 112 is the same as or similar to the drawing apparatus 110 shown in FIG. The drawing device 112 is mounted on an information processing device such as a computer having a display device 600 such as a display, an input device 800 such as a mouse, and a memory 700, for example. Processing such as drawing processing executed by the drawing apparatus 112 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute a drawing process.

描画装置112は、描画部200、受け付け部300、拡大率修正部410、拡大部500、判定部510および位置修正部520を有する。描画部200、受け付け部300、拡大率修正部410および拡大部500は、図2に示した描画部200、受け付け部300、拡大率修正部410および拡大部500と同一または同様である。   The drawing device 112 includes a drawing unit 200, a reception unit 300, an enlargement ratio correction unit 410, an enlargement unit 500, a determination unit 510, and a position correction unit 520. Drawing unit 200, accepting unit 300, enlargement ratio correcting unit 410, and enlarging unit 500 are the same as or similar to drawing unit 200, accepting unit 300, enlarging ratio correcting unit 410, and enlarging unit 500 shown in FIG.

例えば、拡大部500は、ネットワーク図NTDを第1の拡大率EF1で拡大する際、描画オブジェクトDOを第1の拡大率EF1で拡大する代わりに第2の拡大率EF2で拡大してネットワーク図NTDを拡大する。そして、拡大部500は、拡大後のネットワーク図NTDの図形情報GINF2aを判定部510および位置修正部520に出力する。   For example, when enlarging the network diagram NTD at the first enlargement ratio EF1, the enlargement unit 500 enlarges the drawing object DO at the second enlargement ratio EF2 instead of enlarging the drawing object DO at the first enlargement ratio EF1. To enlarge. Then, the enlargement unit 500 outputs the graphic information GINF2a of the enlarged network diagram NTD to the determination unit 510 and the position correction unit 520.

判定部510は、拡大後のネットワーク図NTDを表示画面610に表示した場合に表示画面610の中心に最も近いノードである第1のノードを特定する。そして、判定部510は、第1のノードに接続されるノードのうちの少なくとも1つを第2のノードに特定し、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるか否かを判定する。   When displaying enlarged network diagram NTD on display screen 610, determination unit 510 specifies the first node that is the node closest to the center of display screen 610. Then, determination section 510 specifies at least one of the nodes connected to the first node as a second node, and determines whether or not drawing object DO representing the second node is displayed on display screen 610. Is determined.

例えば、図4の(a)に示したネットワーク図NTDの場合、判定部510は、”ノード番号5”のノードを第1のノードに特定する。そして、判定部510は、第1のノード(例えば、図4に示した”ノード番号5”)に接続されるノード(例えば、図4に示した”ノード番号35”、”ノード番号32”等)のうちの少なくとも1つを第2のノードに特定する。   For example, in the case of the network diagram NTD shown in FIG. 4A, the determination unit 510 specifies the node of “node number 5” as the first node. Then, the determination unit 510 determines a node (eg, “node number 35”, “node number 32” shown in FIG. 4, etc.) connected to the first node (eg, “node number 5” shown in FIG. 4). ) Is specified as the second node.

例えば、判定部510は、第1のノードに接続されるノードのうち、第1のノードに最も近い位置に配置されたノードを第2のノードに特定する。なお、第2のノードの特定条件は、第1のノードに最も近い位置に配置されたノードに限定されない。例えば、判定部510は、第1のノードに接続されるノードのうち、第1のノードとの距離が所定値以下のノードを第2のノードに特定してもよいし、第1のノードに接続される全てのノードを第2のノードに特定してもよい。あるいは、第2のノードは、表示画面610に表示されたネットワーク図NTDを見ているユーザにより指定されてもよい。   For example, among the nodes connected to the first node, the determination unit 510 specifies, as the second node, a node arranged closest to the first node. Note that the specific condition of the second node is not limited to the node arranged at the position closest to the first node. For example, the determination unit 510 may specify a node whose distance to the first node is equal to or less than a predetermined value from the nodes connected to the first node as the second node, or All connected nodes may be specified as the second node. Alternatively, the second node may be specified by a user viewing the network diagram NTD displayed on the display screen 610.

第2のノードを表す描画オブジェクトDOが表示画面610に表示されるか否かの判定結果は、位置修正部520に通知される。   The determination result of whether or not the drawing object DO representing the second node is displayed on the display screen 610 is notified to the position correction unit 520.

位置修正部520は、拡大後のネットワーク図NTDの図形情報GINF2aを拡大部500から受け、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるか否かの判定結果を示す情報を判定部510から受ける。そして、位置修正部520は、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、拡大後のネットワーク図NTDにおける第2のノードを表す描画オブジェクトDOの位置を表示画面610に表示される位置に修正する。   The position correction unit 520 receives the graphic information GINF2a of the enlarged network diagram NTD from the enlargement unit 500, and outputs information indicating a determination result as to whether or not the drawing object DO representing the second node is displayed on the display screen 610. Received from determination unit 510. When the drawing object DO representing the second node is not displayed on the display screen 610, the position correction unit 520 displays the position of the drawing object DO representing the second node on the enlarged network diagram NTD on the display screen 610. Correct the position to be performed.

そして、位置修正部520は、第2のノードを表す描画オブジェクトDOの位置を修正した拡大後のネットワーク図NTDの図形情報GINF2bを描画部200に出力する。これにより、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるように拡大されたネットワーク図NTDが、表示画面610に表示される。第1のノードに接続される第2のノードを表す描画オブジェクトDOが表示画面610に表示されるため、第1のノードと第2のノードとの接続関係を容易に読み取ることができる。   Then, the position correction unit 520 outputs, to the drawing unit 200, the graphic information GINF2b of the enlarged network diagram NTD in which the position of the drawing object DO representing the second node has been corrected. Thereby, the network diagram NTD enlarged so that the drawing object DO representing the second node is displayed on the display screen 610 is displayed on the display screen 610. Since the drawing object DO representing the second node connected to the first node is displayed on the display screen 610, the connection relationship between the first node and the second node can be easily read.

なお、第2のノードを表す描画オブジェクトDOが表示画面610に表示されると判定部510により判定された場合、位置修正部520は、拡大部500から受けた図形情報GINF2aを、図形情報GINF2bとして描画部200に出力する。これにより、拡大後のネットワーク図NTDが表示画面610に表示される。   If the determination unit 510 determines that the drawing object DO representing the second node is to be displayed on the display screen 610, the position correction unit 520 uses the graphic information GINF2a received from the enlargement unit 500 as the graphic information GINF2b. Output to the drawing unit 200. Thereby, the enlarged network diagram NTD is displayed on the display screen 610.

描画装置112の構成は、図7に示す例に限定されない。例えば、位置修正部520は、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、第2のノードを表す描画オブジェクトDOが表示画面610からはみ出さないようにする第3の拡大率を算出してもよい。この場合、位置修正部520は、第1のノードを表す描画オブジェクトDOと第2のノードを表す描画オブジェクトDOとの間隔を第1の拡大率EF1の代わりに第3の拡大率で広げた場合における第2のノードを表す描画オブジェクトDOの位置を算出する。そして、位置修正部520は、拡大後のネットワーク図NTDにおける第2のノードを表す描画オブジェクトDOの位置を、第3の拡大率を用いて算出した位置に修正する。あるいは、位置修正部520は、第1のノードを表す描画オブジェクトDOと、第1のノードに接続されるノードを表す描画オブジェクトDOとの間隔を、第2のノードか否かに拘わらず、第3の拡大率で広げてもよい。   The configuration of the drawing device 112 is not limited to the example shown in FIG. For example, when the drawing object DO representing the second node is not displayed on the display screen 610, the position correction unit 520 performs the third enlargement so that the drawing object DO representing the second node does not protrude from the display screen 610. The rate may be calculated. In this case, the position correction unit 520 increases the distance between the drawing object DO representing the first node and the drawing object DO representing the second node at the third enlargement ratio instead of the first enlargement ratio EF1. , The position of the drawing object DO representing the second node is calculated. Then, the position correction unit 520 corrects the position of the drawing object DO representing the second node in the enlarged network diagram NTD to the position calculated using the third magnification. Alternatively, the position correction unit 520 sets the distance between the drawing object DO representing the first node and the drawing object DO representing the node connected to the first node regardless of whether it is the second node or not. It may be spread at a magnification of 3.

図8は、図7に示した描画装置112の動作の一例を示す。なお、図8は、表示画面610に表示されたネットワーク図NTDを拡大する際の描画装置112の動作の一例を示す。例えば、ステップS100の処理が実行される前に、拡大対象のネットワーク図NTD(例えば、オリジナルの図形情報GINF1等に基づくネットワーク図NTD)は、表示画面610に表示される。   FIG. 8 shows an example of the operation of the drawing apparatus 112 shown in FIG. FIG. 8 shows an example of the operation of the drawing apparatus 112 when enlarging the network diagram NTD displayed on the display screen 610. For example, before the process of step S100 is performed, the network diagram NTD to be enlarged (for example, the network diagram NTD based on the original graphic information GINF1 or the like) is displayed on the display screen 610.

なお、図8に示す動作は、ネットワーク図NTDを表示画面610に表示する描画方法の一態様である。図8に示す動作は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、図8に示す動作をコンピュータに実行させてもよい。   Note that the operation illustrated in FIG. 8 is one mode of a drawing method of displaying the network diagram NTD on the display screen 610. The operation illustrated in FIG. 8 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute the operation shown in FIG.

また、図8に示す動作では、ステップS410、S420の処理が図3に示した動作に追加される。その他の動作は、図3に示した動作と同一または同様である。なお、描画装置112の動作は、図8に示す例に限定されない。   In addition, in the operation illustrated in FIG. 8, the processing of steps S410 and S420 is added to the operation illustrated in FIG. Other operations are the same as or similar to the operations shown in FIG. Note that the operation of the drawing apparatus 112 is not limited to the example shown in FIG.

ステップS100、S200、S300、S400の各ステップでは、描画装置112は、図3で説明したステップS100、S200、S300、S400の各処理と同一または同様の処理を実行する。そして、ステップS400の処理が実行された後、描画装置112の動作は、ステップS410に移る。   In each of steps S100, S200, S300, and S400, the drawing apparatus 112 executes the same or similar processing as the processing in steps S100, S200, S300, and S400 described with reference to FIG. Then, after the process of step S400 is performed, the operation of the drawing apparatus 112 proceeds to step S410.

ステップS410では、判定部510は、図7で説明したように、第1のノードに接続される第2のノード(すなわち、第2のノードを表す描画オブジェクトDO)が表示画面610に表示されるか否かを判定する。なお、第1のノードは、拡大後のネットワーク図NTDを表示画面610に表示した場合に表示画面610の中心に最も近いノードであり、第2のノードは、第1のノードに接続されるノードのうちの少なくとも1つのノードである。   In step S410, the determination unit 510 displays the second node connected to the first node (that is, the drawing object DO representing the second node) on the display screen 610 as described with reference to FIG. It is determined whether or not. Note that the first node is a node closest to the center of the display screen 610 when the enlarged network diagram NTD is displayed on the display screen 610, and the second node is a node connected to the first node. At least one of the nodes.

第2のノードを表す描画オブジェクトDOが表示画面610に表示される場合、描画装置112の動作は、ステップS500に移る。一方、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、描画装置112の動作は、ステップS420に移る。   When the drawing object DO representing the second node is displayed on the display screen 610, the operation of the drawing device 112 proceeds to Step S500. On the other hand, when the drawing object DO representing the second node is not displayed on the display screen 610, the operation of the drawing device 112 proceeds to Step S420.

ステップS420では、位置修正部520は、拡大後のネットワーク図NTDにおける第2のノードの位置(すなわち、第2のノードを表す描画オブジェクトDOの位置)を表示画面610に表示される位置に修正する。これにより、ステップS400で拡大したネットワーク図NTDに対して第2のノードを表す描画オブジェクトDOの位置を修正したネットワーク図NTDに対応する図形情報GINF2bが生成される。ステップS420の処理が実行された後、描画装置112の動作は、ステップS500に移る。   In step S420, the position correction unit 520 corrects the position of the second node in the enlarged network diagram NTD (that is, the position of the drawing object DO representing the second node) to the position displayed on the display screen 610. . Thereby, the graphic information GINF2b corresponding to the network diagram NTD obtained by correcting the position of the drawing object DO representing the second node with respect to the network diagram NTD enlarged in step S400 is generated. After the process in step S420 is performed, the operation of the drawing apparatus 112 proceeds to step S500.

ステップS500では、描画部200は、拡大後のネットワーク図NTDを表示画面610に表示する。拡大後のネットワーク図NTDは、ステップS400で拡大されたネットワーク図NTD、または、ステップS420で第2のノードを表す描画オブジェクトDOの位置が修正されたネットワーク図NTDである。   In step S500, drawing section 200 displays enlarged network diagram NTD on display screen 610. The enlarged network diagram NTD is the network diagram NTD enlarged in step S400 or the network diagram NTD in which the position of the drawing object DO representing the second node is corrected in step S420.

以上、図7から図8に示す実施形態においても、図2から図4に示した実施形態と同様の効果を得ることができる。例えば、描画装置112は、拡大指示EINFに基づいてネットワーク図NTDを拡大する際、描画オブジェクトDOの拡大率を、拡大指示EINFに基づく第1の拡大率EF1以下の第2の拡大率EF2に重複領域の総面積TAに基づいて修正する。これにより、描画オブジェクトDO2の重なりの発生を抑制すること、すなわち、ノードの重なりの発生を抑制することができる。この結果、表示画面610に表示されるネットワーク図NTDを見やすくすることができ、ノードの詳細情報(ノードのラベル、ノード間の接続関係等)を容易に読み取ることができる。   As described above, also in the embodiment shown in FIGS. 7 and 8, the same effects as those in the embodiment shown in FIGS. 2 to 4 can be obtained. For example, when enlarging the network diagram NTD based on the enlargement instruction EINF, the drawing apparatus 112 overlaps the enlargement ratio of the drawing object DO with the second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1 based on the enlargement instruction EINF. The correction is made based on the total area TA of the region. Thereby, it is possible to suppress the occurrence of the overlapping of the drawing objects DO2, that is, to suppress the occurrence of the overlapping of the nodes. As a result, the network diagram NTD displayed on the display screen 610 can be easily viewed, and detailed information (node labels, connection relationships between nodes, etc.) of the nodes can be easily read.

さらに、描画装置112は、拡大後のネットワーク図NTDを表示画面610に表示した場合に表示画面610の中心に最も近い第1のノードに接続されるノードのうちの少なくとも1つを第2のノードに特定する。そして、描画装置112は、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、拡大後のネットワーク図NTDにおける第2のノードを表す描画オブジェクトDOの位置を表示画面610に表示される位置に修正する。これにより、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるように拡大されたネットワーク図NTDが、表示画面610に表示される。第1のノードに接続される第2のノードを表す描画オブジェクトDOが表示画面610に表示されるため、第1のノードと第2のノードとの接続関係を容易に読み取ることができる。すなわち、ノード間の接続関係が見難くなることを防止することができる。   Further, when the network diagram NTD after the enlargement is displayed on the display screen 610, the drawing apparatus 112 sets at least one of the nodes connected to the first node closest to the center of the display screen 610 to the second node. To be specified. Then, when the drawing object DO representing the second node is not displayed on the display screen 610, the drawing device 112 displays the position of the drawing object DO representing the second node on the enlarged network diagram NTD on the display screen 610. To the correct position. Thereby, the network diagram NTD enlarged so that the drawing object DO representing the second node is displayed on the display screen 610 is displayed on the display screen 610. Since the drawing object DO representing the second node connected to the first node is displayed on the display screen 610, the connection relationship between the first node and the second node can be easily read. That is, it is possible to prevent the connection relationship between the nodes from becoming difficult to see.

図9は、描画方法、描画装置および描画プログラムの別の実施形態を示す。図1から図8で説明した要素と同一または同様の要素については、同一または同様の符号を付し、これ等については、詳細な説明を省略する。図9に示す描画装置122では、判定部510および位置修正部520が図5に示した描画装置120に追加される。描画装置122のその他の構成は、図5に示した描画装置120と同一または同様である。描画装置122は、例えば、ディスプレイ等の表示装置600、マウス等の入力装置800およびメモリ700を有するコンピュータ等の情報処理装置に搭載される。描画装置122が実行する描画処理等の処理は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、描画処理をコンピュータに実行させてもよい。   FIG. 9 shows another embodiment of the drawing method, the drawing apparatus, and the drawing program. The same or similar elements as those described with reference to FIGS. 1 to 8 are denoted by the same or similar reference numerals, and detailed description thereof will be omitted. In the drawing apparatus 122 shown in FIG. 9, a determination unit 510 and a position correction unit 520 are added to the drawing apparatus 120 shown in FIG. Other configurations of the drawing apparatus 122 are the same as or similar to those of the drawing apparatus 120 shown in FIG. The drawing device 122 is mounted on an information processing device such as a computer having a display device 600 such as a display, an input device 800 such as a mouse, and a memory 700, for example. Processing such as drawing processing executed by the drawing apparatus 122 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute a drawing process.

描画装置122は、描画部200、受け付け部300、拡大率修正部420、拡大部500、判定部510および位置修正部520を有する。描画部200、受け付け部300、拡大率修正部420および拡大部500は、図5に示した描画部200、受け付け部300、拡大率修正部420および拡大部500と同一または同様である。   The drawing device 122 includes a drawing unit 200, a reception unit 300, an enlargement ratio correction unit 420, an enlargement unit 500, a determination unit 510, and a position correction unit 520. Drawing unit 200, accepting unit 300, enlargement ratio correcting unit 420, and enlarging unit 500 are the same as or similar to drawing unit 200, accepting unit 300, enlarging ratio correcting unit 420, and enlarging unit 500 shown in FIG.

例えば、拡大部500は、ネットワーク図NTDを第1の拡大率EF1で拡大する際、描画オブジェクトDOを第1の拡大率EF1で拡大する代わりに第2の拡大率EF2で拡大してネットワーク図NTDを拡大する。そして、拡大部500は、拡大後のネットワーク図NTDの図形情報GINF2aを判定部510および位置修正部520に出力する。   For example, when enlarging the network diagram NTD at the first enlargement ratio EF1, the enlargement unit 500 enlarges the drawing object DO at the second enlargement ratio EF2 instead of enlarging the drawing object DO at the first enlargement ratio EF1. To enlarge. Then, the enlargement unit 500 outputs the graphic information GINF2a of the enlarged network diagram NTD to the determination unit 510 and the position correction unit 520.

判定部510および位置修正部520は、図7に示した判定部510および位置修正部520と同一または同様である。例えば、判定部510は、拡大後のネットワーク図NTDを表示画面610に表示した場合に表示画面610の中心に最も近いノードである第1のノードを特定する。そして、判定部510は、第1のノードに接続されるノードのうちの少なくとも1つを第2のノードに特定し、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるか否かを判定する。   The determination unit 510 and the position correction unit 520 are the same as or similar to the determination unit 510 and the position correction unit 520 shown in FIG. For example, when the enlarged network diagram NTD is displayed on the display screen 610, the determination unit 510 identifies the first node that is the node closest to the center of the display screen 610. Then, determination section 510 specifies at least one of the nodes connected to the first node as a second node, and determines whether or not drawing object DO representing the second node is displayed on display screen 610. Is determined.

位置修正部520は、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、拡大後のネットワーク図NTDにおける第2のノードを表す描画オブジェクトDOの位置を表示画面610に表示される位置に修正する。なお、描画装置122の構成は、図9に示す例に限定されない。   When the drawing object DO representing the second node is not displayed on the display screen 610, the position correction unit 520 displays the position of the drawing object DO representing the second node in the enlarged network diagram NTD on the display screen 610. Correct to position. Note that the configuration of the drawing apparatus 122 is not limited to the example shown in FIG.

図10は、図9に示した描画装置122の動作の一例を示す。なお、図10は、表示画面610に表示されたネットワーク図NTDを拡大する際の描画装置122の動作の一例を示す。例えば、ステップS100の処理が実行される前に、拡大対象のネットワーク図NTD(例えば、オリジナルの図形情報GINF1等に基づくネットワーク図NTD)は、表示画面610に表示される。   FIG. 10 shows an example of the operation of the drawing apparatus 122 shown in FIG. FIG. 10 shows an example of the operation of the drawing apparatus 122 when the network diagram NTD displayed on the display screen 610 is enlarged. For example, before the process of step S100 is performed, the network diagram NTD to be enlarged (for example, the network diagram NTD based on the original graphic information GINF1 or the like) is displayed on the display screen 610.

なお、図10に示す動作は、ネットワーク図NTDを表示画面610に表示する描画方法の一態様である。図10に示す動作は、ハードウェアのみで実現されてもよく、描画プログラム等のソフトウェアによりハードウェアを制御することにより実現されてもよい。例えば、描画プログラムは、図10に示す動作をコンピュータに実行させてもよい。   Note that the operation illustrated in FIG. 10 is one mode of a drawing method for displaying the network diagram NTD on the display screen 610. The operation illustrated in FIG. 10 may be realized only by hardware, or may be realized by controlling hardware by software such as a drawing program. For example, the drawing program may cause a computer to execute the operation shown in FIG.

また、図10に示す動作では、ステップS410、S420の処理が図6に示した動作に追加される。その他の動作は、図6に示した動作と同一または同様である。なお、描画装置122の動作は、図10に示す例に限定されない。   Further, in the operation illustrated in FIG. 10, the processing of steps S410 and S420 is added to the operation illustrated in FIG. Other operations are the same as or similar to the operations shown in FIG. Note that the operation of the drawing apparatus 122 is not limited to the example illustrated in FIG.

ステップS100、S210、S220、S310、S400の各ステップでは、描画装置122は、図6で説明したステップS100、S210、S220、S310、S400の各処理と同一または同様の処理を実行する。そして、ステップS400の処理が実行された後、描画装置122の動作は、ステップS410に移る。   In each of steps S100, S210, S220, S310, and S400, the drawing apparatus 122 executes the same or similar processing as the processing in steps S100, S210, S220, S310, and S400 described with reference to FIG. Then, after the process of step S400 is performed, the operation of the drawing apparatus 122 proceeds to step S410.

ステップS410では、描画装置122は、図8で説明したステップS410の処理と同一または同様の処理を実行する。例えば、ステップS410では、判定部510は、図7で説明したように、第1のノードに接続される第2のノード(すなわち、第2のノードを表す描画オブジェクトDO)が表示画面610に表示されるか否かを判定する。第2のノードを表す描画オブジェクトDOが表示画面610に表示される場合、描画装置122の動作は、ステップS500に移る。一方、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、描画装置122の動作は、ステップS420に移る。   In step S410, the drawing apparatus 122 performs the same or similar processing as the processing in step S410 described with reference to FIG. For example, in step S410, the determination unit 510 displays the second node connected to the first node (that is, the drawing object DO representing the second node) on the display screen 610 as described with reference to FIG. It is determined whether it is performed. When the drawing object DO representing the second node is displayed on the display screen 610, the operation of the drawing device 122 proceeds to Step S500. On the other hand, when the drawing object DO representing the second node is not displayed on the display screen 610, the operation of the drawing device 122 proceeds to Step S420.

ステップS420では、描画装置122は、図8で説明したステップS420の処理と同一または同様の処理を実行する。例えば、ステップS420では、位置修正部520は、拡大後のネットワーク図NTDにおける第2のノードの位置(すなわち、第2のノードを表す描画オブジェクトDOの位置)を表示画面610に表示される位置に修正する。ステップS420の処理が実行された後、描画装置122の動作は、ステップS500に移る。   In step S420, the drawing apparatus 122 performs the same or similar processing as the processing in step S420 described with reference to FIG. For example, in step S420, the position correction unit 520 sets the position of the second node in the enlarged network diagram NTD (that is, the position of the drawing object DO representing the second node) to the position displayed on the display screen 610. Fix it. After the processing in step S420 is performed, the operation of the drawing apparatus 122 proceeds to step S500.

ステップS500では、描画装置122は、図8で説明したステップS500の処理と同一または同様の処理を実行する。すなわち、ステップS500では、描画部200は、拡大後のネットワーク図NTDを表示画面610に表示する。   In step S500, the drawing apparatus 122 performs the same or similar processing as the processing in step S500 described with reference to FIG. That is, in step S500, drawing section 200 displays enlarged network diagram NTD on display screen 610.

以上、図9から図10に示す実施形態においても、図5から図6に示した実施形態と同様の効果を得ることができる。例えば、描画装置122は、拡大指示EINFに基づいてネットワーク図NTDを拡大する際、描画オブジェクトDOの拡大率を拡大指示EINFに基づく第1の拡大率EF1以下の第2の拡大率EF2に描画オブジェクトDOの平面充填率FRに基づいて修正する。これにより、描画オブジェクトDO2の重なりの発生を抑制すること、すなわち、ノードの重なりの発生を抑制することができる。この結果、表示画面610に表示されるネットワーク図NTDを見やすくすることができ、ノードの詳細情報(ノードのラベル、ノード間の接続関係等)を容易に読み取ることができる。   As described above, also in the embodiment shown in FIGS. 9 and 10, the same effect as the embodiment shown in FIGS. 5 and 6 can be obtained. For example, when enlarging the network diagram NTD based on the enlargement instruction EINF, the drawing apparatus 122 changes the enlargement ratio of the drawing object DO to the second enlargement ratio EF2 equal to or less than the first enlargement ratio EF1 based on the enlargement instruction EINF. The correction is made based on the DO filling factor FR. Thereby, it is possible to suppress the occurrence of the overlapping of the drawing objects DO2, that is, to suppress the occurrence of the overlapping of the nodes. As a result, the network diagram NTD displayed on the display screen 610 can be easily viewed, and detailed information (node labels, connection relationships between nodes, etc.) of the nodes can be easily read.

さらに、描画装置122は、拡大後のネットワーク図NTDを表示画面610に表示した場合に表示画面610の中心に最も近い第1のノードに接続されるノードのうちの少なくとも1つを第2のノードに特定する。そして、描画装置122は、第2のノードを表す描画オブジェクトDOが表示画面610に表示されない場合、拡大後のネットワーク図NTDにおける第2のノードを表す描画オブジェクトDOの位置を表示画面610に表示される位置に修正する。これにより、第2のノードを表す描画オブジェクトDOが表示画面610に表示されるように拡大されたネットワーク図NTDが、表示画面610に表示される。第1のノードに接続される第2のノードを表す描画オブジェクトDOが表示画面610に表示されるため、第1のノードと第2のノードとの接続関係を容易に読み取ることができる。すなわち、ノード間の接続関係が見難くなることを防止することができる。   Further, when the network diagram NTD after the enlargement is displayed on the display screen 610, the drawing apparatus 122 sets at least one of the nodes connected to the first node closest to the center of the display screen 610 to the second node. To be specified. Then, when the drawing object DO representing the second node is not displayed on the display screen 610, the position of the drawing object DO representing the second node in the enlarged network diagram NTD is displayed on the display screen 610. To the correct position. Thereby, the network diagram NTD enlarged so that the drawing object DO representing the second node is displayed on the display screen 610 is displayed on the display screen 610. Since the drawing object DO representing the second node connected to the first node is displayed on the display screen 610, the connection relationship between the first node and the second node can be easily read. That is, it is possible to prevent the connection relationship between the nodes from becoming difficult to see.

図11は、描画プログラムを実行するハードウェアの一例を示す。なお、図1から図10で説明した要素と同一または同様の要素については、同一または同様の符号を付し、これ等については、詳細な説明を省略する。例えば、描画プログラムは、図1、図2、図5、図7および図9に示した描画装置100、110、120、112、122の機能をコンピュータCPで実現する。   FIG. 11 shows an example of hardware for executing a drawing program. The same or similar elements as those described with reference to FIGS. 1 to 10 are denoted by the same or similar reference numerals, and detailed description thereof will be omitted. For example, the drawing program implements the functions of the drawing apparatuses 100, 110, 120, 112, and 122 shown in FIGS. 1, 2, 5, 7, and 9 on the computer CP.

コンピュータCPは、プロセッサPU、メモリMEM、ハードディスク装置HDD、出力部OUTU、入力部INUおよび光学ドライブ装置ODRを有する。プロセッサPU、メモリMEM、ハードディスク装置HDD、出力部OUTU、入力部INUおよび光学ドライブ装置ODRは、バスBUSに接続される。描画装置100、110、112、120、122の機能は、例えば、プロセッサPU、メモリMEMおよびハードディスク装置HDDにより実現される。   The computer CP has a processor PU, a memory MEM, a hard disk device HDD, an output unit OUTU, an input unit INU, and an optical drive device ODR. The processor PU, the memory MEM, the hard disk device HDD, the output unit OUTU, the input unit INU, and the optical drive device ODR are connected to the bus BUS. The functions of the drawing apparatuses 100, 110, 112, 120, and 122 are realized by, for example, a processor PU, a memory MEM, and a hard disk drive HDD.

光学ドライブ装置ODRは、光ディスク等のリムーバブルディスクDISを装着可能であり、装着したリムーバブルディスクDISに記録された情報の読み出しおよび記録を実行する。   The optical drive device ODR can mount a removable disk DIS such as an optical disk, and reads and records information recorded on the mounted removable disk DIS.

出力部OUTUは、例えば、プロセッサPUにより実行された処理の結果を出力するユニットであり、図1等に示した表示装置600に対応する。出力部OUTUの一例は、ディスプレイ、タッチパネル等である。また、入力部INUは、例えば、ユーザからの操作を受け、コンピュータCPにデータを入力するユニットであり、図2等に示した入力装置700に対応する。入力部INUの一例は、キーボード、マウス、タッチパネル等である。   The output unit OUTU is, for example, a unit that outputs a result of a process executed by the processor PU, and corresponds to the display device 600 illustrated in FIG. 1 and the like. An example of the output unit OUTU is a display, a touch panel, or the like. The input unit INU is, for example, a unit that receives an operation from a user and inputs data to the computer CP, and corresponds to the input device 700 illustrated in FIG. 2 and the like. An example of the input unit INU is a keyboard, a mouse, a touch panel, or the like.

メモリMEMは、例えば、コンピュータCPのオペレーティングシステムを格納する。また、メモリMEMは、例えば、図3、図6、図8、図10等に示した動作をプロセッサPUが実行するための描画プログラム等のアプリケーションプログラムを格納する。なお、描画プログラム等のアプリケーションプログラムは、ハードディスク装置HDDに格納されてもよい。   The memory MEM stores, for example, an operating system of the computer CP. In addition, the memory MEM stores, for example, an application program such as a drawing program for causing the processor PU to execute the operations illustrated in FIGS. 3, 6, 8, 10, and the like. Note that an application program such as a drawing program may be stored in the hard disk drive HDD.

また、メモリMEMの一部の領域は、図2等に示したメモリ700に割り当てられてもよい。あるいは、メモリMEMとは別の記憶装置(図示せず)に、図2等に示したメモリ700が割り当てられてもよい。   Further, a part of the memory MEM may be allocated to the memory 700 illustrated in FIG. Alternatively, the memory 700 shown in FIG. 2 or the like may be allocated to a storage device (not shown) different from the memory MEM.

描画プログラム等のアプリケーションプログラムは、例えば、光ディスクなどのリムーバブルディスクDISに記録して頒布することができる。例えば、コンピュータCPは、描画プログラム等のアプリケーションプログラムを、リムーバブルディスクDISから光学ドライブ装置ODRを介して読み出し、メモリMEMやハードディスク装置HDDに格納してもよい。また、コンピュータCPは、描画プログラム等のアプリケーションプログラムを、インターネット等のネットワークに接続する通信装置(図示せず)を介してダウンロードし、メモリMEMやハードディスク装置HDDに格納してもよい。   An application program such as a drawing program can be recorded on a removable disk DIS such as an optical disk and distributed. For example, the computer CP may read an application program such as a drawing program from the removable disk DIS via the optical drive ODR, and store the application program in the memory MEM or the hard disk drive HDD. Further, the computer CP may download an application program such as a drawing program via a communication device (not shown) connected to a network such as the Internet, and store the application program in the memory MEM or the hard disk drive HDD.

例えば、プロセッサPUは、メモリMEM等に格納された描画プログラムを実行することにより、図1、図2、図5、図7および図9に示した描画装置100、110、120、112、122の機能を実現する。すなわち、描画装置100、110、112、120、122は、プロセッサPU、メモリMEMおよびハードディスク装置HDDの協同により実現することができる。   For example, the processor PU executes the drawing program stored in the memory MEM or the like to thereby control the drawing devices 100, 110, 120, 112, and 122 shown in FIGS. 1, 2, 5, 7, and 9. Implement the function. That is, the drawing devices 100, 110, 112, 120, and 122 can be realized by cooperation of the processor PU, the memory MEM, and the hard disk device HDD.

なお、描画プログラムを実行するハードウェアは、図11に示す例に限定されない。例えば、コンピュータCPは、入力部INUおよび出力部OUTUの代わりに、タッチパネル等の入出力部を有してもよい。   The hardware that executes the drawing program is not limited to the example illustrated in FIG. For example, the computer CP may include an input / output unit such as a touch panel instead of the input unit INU and the output unit OUTU.

以上の詳細な説明により、実施形態の特徴点および利点は明らかになるであろう。これは、特許請求の範囲がその精神および権利範囲を逸脱しない範囲で前述のような実施形態の特徴点および利点にまで及ぶことを意図するものである。また、当該技術分野において通常の知識を有する者であれば、あらゆる改良および変更に容易に想到できるはずである。したがって、発明性を有する実施形態の範囲を前述したものに限定する意図はなく、実施形態に開示された範囲に含まれる適当な改良物および均等物に拠ることも可能である。   The features and advantages of the embodiments will be apparent from the above detailed description. This is intended to cover the features and advantages of the embodiments described above without departing from the spirit and scope of the claims. In addition, any person having ordinary skill in the art can easily think of any improvements and changes. Therefore, there is no intention to limit the scope of the inventive embodiment to the above, and it is possible to rely on appropriate improvements and equivalents included in the scope disclosed in the embodiment.

100、110、112、120、122‥描画装置;200‥描画部;300‥受け付け部;400、410、420‥拡大率修正部;412‥重複領域算出部;414、426‥拡大率算出部;422‥描画面積算出部;424‥充填率算出部;500‥拡大部;510‥判定部;520‥位置修正部;600‥表示装置;610‥表示画面;700‥メモリ;800‥入力装置;CP‥コンピュータ;DIS‥リムーバブルディスク;HDD‥ハードディスク装置;INU‥入力部;MEM‥メモリ;ODR‥光学ドライブ装置;OUTU‥出力部;PU‥プロセッサ   100, 110, 112, 120, 122 {drawing device; 200} drawing unit; 300 # receiving unit; 400, 410, 420 {enlargement ratio correction unit; 412} overlap area calculation unit; 414, 426 {enlargement ratio calculation unit; 422 {drawing area calculation unit; 424} filling factor calculation unit; 500 enlargement unit; 510 determination unit; 520 position correction unit; 600 display device; 610 display screen; 700 memory; {Computer; DIS} Removable Disk; HDD Hard Disk Device; INU Input Unit; MEM Memory; ODR Optical Drive Device; OUTU Output Unit; PU Processor

Claims (11)

ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画方法において、
前記表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付け、
前記拡大指示に基づく第1の拡大率で前記第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における前記描画オブジェクトの配置状態に基づいて、前記描画オブジェクトの拡大率を前記第1の拡大率以下の第2の拡大率に修正し、
前記第1のネットワーク図における前記描画オブジェクトを除く要素を前記第1の拡大率で拡大し、前記描画オブジェクトを前記第2の拡大率で拡大することによって拡大後のネットワーク図を生成し、
前記拡大後のネットワーク図を前記表示画面に表示する
処理をコンピュータが実行することを特徴とする描画方法。
A drawing method for displaying a network diagram expressing a relationship between a plurality of nodes on a display screen using a drawing object representing a node and a line connecting the nodes,
Receiving an enlargement instruction to enlarge the first network diagram displayed on the display screen;
Based on an arrangement state of the drawing object in a second network diagram generated when the first network diagram is enlarged at a first enlargement ratio based on the enlargement instruction, the enlargement ratio of the drawing object is set to the first magnification. Correct to a second magnification that is less than or equal to one,
Generating an enlarged network diagram by enlarging elements other than the drawing object in the first network diagram at the first magnification, and enlarging the drawing object at the second magnification ;
Show network view after the enlargement in the display screen,
A drawing method, wherein the processing is executed by a computer .
請求項1に記載の描画方法において、
複数の前記描画オブジェクトが互いに重なる重複領域を検出し、前記第1の拡大率で前記第1のネットワーク図を拡大した場合における前記重複領域の総面積を、前記配置状態を示す情報として算出する
ことを特徴とする描画方法。
The drawing method according to claim 1,
Detecting an overlapping area in which the plurality of drawing objects overlap each other, and calculating a total area of the overlapping area when the first network diagram is enlarged at the first enlargement ratio, as information indicating the arrangement state. A drawing method characterized by the following.
請求項2に記載の描画方法において、
前記重複領域の総面積が大きくなるほど、前記第2の拡大率を小さくする
ことを特徴とする描画方法。
3. The drawing method according to claim 2, wherein
A drawing method, wherein the second enlargement ratio is reduced as the total area of the overlap region increases.
請求項2または請求項3のいずれか1項に記載の描画方法において、
1つのノードに対して、複数種の前記描画オブジェクトが前記表示画面に表示され、
前記描画オブジェクトの種類毎に前記重複領域を検出する
ことを特徴とする描画方法。
In the drawing method according to any one of claims 2 and 3,
For one node, a plurality of types of drawing objects are displayed on the display screen,
A drawing method, wherein the overlapping area is detected for each type of the drawing object.
請求項4に記載の描画方法において、
複数種の前記描画オブジェクトは、ノードの位置を含むシンボルとノードの情報を示すラベルである
ことを特徴とする描画方法。
The drawing method according to claim 4,
A drawing method, wherein the plurality of types of drawing objects are a symbol including a position of a node and a label indicating information of the node.
請求項1に記載の描画方法において、
前記第1の拡大率で前記第1のネットワーク図を拡大した場合に前記表示画面に表示される前記描画オブジェクトの描画面積の総和を算出し、
前記表示画面の面積に対する前記描画面積の総和の割合を、前記配置状態を示す情報として算出する
ことを特徴とする描画方法。
The drawing method according to claim 1,
Calculating a total drawing area of the drawing object displayed on the display screen when the first network diagram is enlarged at the first magnification ratio;
A drawing method, wherein a ratio of a total sum of the drawing area to an area of the display screen is calculated as information indicating the arrangement state.
請求項6に記載の描画方法において、
前記割合が予め設定された閾値より大きい場合、前記第2の拡大率を前記第1の拡大率より小さくする
ことを特徴とする描画方法。
The drawing method according to claim 6,
When the ratio is larger than a preset threshold, the second enlargement ratio is made smaller than the first enlargement ratio.
請求項7に記載の描画方法において、
前記割合が前記閾値以下の場合、前記第2の拡大率を前記第1の拡大率とする
ことを特徴とする描画方法。
The drawing method according to claim 7,
When the ratio is equal to or less than the threshold, the second enlargement ratio is set to the first enlargement ratio.
請求項1ないし請求項8のいずれか1項に記載の描画方法において、
前記拡大後のネットワーク図を前記表示画面に表示した場合に前記表示画面の中心に最も近いノードである第1のノードを特定し、前記第1のノードに接続されるノードのうちの少なくとも1つを第2のノードに特定し、前記第2のノードを表す前記描画オブジェクトが前記表示画面に表示されるか否かを判定し、
前記第2のノードを表す前記描画オブジェクトが前記表示画面に表示されない場合、前記拡大後のネットワーク図における前記第2のノードを表す前記描画オブジェクトの位置を前記表示画面に表示される位置に修正する
ことを特徴とする描画方法。
In the drawing method according to any one of claims 1 to 8,
When the enlarged network diagram is displayed on the display screen, a first node which is a node closest to the center of the display screen is specified, and at least one of nodes connected to the first node is specified. Is specified as a second node, and it is determined whether the drawing object representing the second node is displayed on the display screen,
When the drawing object representing the second node is not displayed on the display screen, the position of the drawing object representing the second node in the enlarged network diagram is corrected to a position displayed on the display screen. A drawing method characterized by the above-mentioned.
ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画装置において、
前記表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付ける受け付け部と、
前記拡大指示に基づく第1の拡大率で前記第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における前記描画オブジェクトの配置状態に基づいて、前記描画オブジェクトの拡大率を前記第1の拡大率以下の第2の拡大率に修正する拡大率修正部と、
前記第1のネットワーク図における前記描画オブジェクトを除く要素を前記第1の拡大率で拡大し、前記描画オブジェクトを前記第2の拡大率で拡大することによって拡大後のネットワーク図を生成する拡大部と、
前記拡大後のネットワーク図を前記表示画面に表示する描画部と
を有することを特徴とする描画装置。
A drawing device that displays a network diagram expressing a relationship between a plurality of nodes on a display screen using a drawing object representing a node and a line connecting the nodes,
A receiving unit that receives an enlargement instruction for enlarging the first network diagram displayed on the display screen;
Based on an arrangement state of the drawing object in a second network diagram generated when the first network diagram is enlarged at a first enlargement ratio based on the enlargement instruction, the enlargement ratio of the drawing object is set to the first magnification. An enlargement ratio correction unit that corrects a second enlargement ratio equal to or smaller than 1;
An enlarging unit that generates an enlarged network diagram by enlarging elements other than the drawing object in the first network diagram at the first enlargement ratio and enlarging the drawing object at the second enlargement ratio; ,
Drawing apparatus characterized by having a drawing unit for displaying the network view after the enlargement in the display screen.
ノードを表す描画オブジェクトとノード間を結ぶ線とを用いて複数のノード間の関係を表現するネットワーク図を表示画面に表示する描画処理をコンピュータに実行させる描画プログラムにおいて、
前記表示画面に表示された第1のネットワーク図を拡大させる拡大指示を受け付け、
前記拡大指示に基づく第1の拡大率で前記第1のネットワーク図を拡大した場合に生成される第2のネットワーク図における前記描画オブジェクトの配置状態に基づいて、前記描画オブジェクトの拡大率を前記第1の拡大率以下の第2の拡大率に修正し、
前記第1のネットワーク図における前記描画オブジェクトを除く要素を前記第1の拡大率で拡大し、前記描画オブジェクトを前記第2の拡大率で拡大することによって拡大後のネットワーク図を生成し、
前記拡大後のネットワーク図を前記表示画面に表示する
ことを特徴とする描画プログラム。
A drawing program for causing a computer to execute a drawing process of displaying a network diagram expressing a relationship between a plurality of nodes on a display screen using a drawing object representing a node and a line connecting the nodes,
Receiving an enlargement instruction to enlarge the first network diagram displayed on the display screen;
Based on an arrangement state of the drawing object in a second network diagram generated when the first network diagram is enlarged at a first enlargement ratio based on the enlargement instruction, the enlargement ratio of the drawing object is set to the first magnification. Correct to a second magnification that is less than or equal to one,
Generating an enlarged network diagram by enlarging elements other than the drawing object in the first network diagram at the first magnification, and enlarging the drawing object at the second magnification ;
Drawing program and displaying the network view after the enlargement in the display screen.
JP2016034359A 2016-02-25 2016-02-25 Drawing method, drawing apparatus, and drawing program Active JP6665579B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2016034359A JP6665579B2 (en) 2016-02-25 2016-02-25 Drawing method, drawing apparatus, and drawing program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2016034359A JP6665579B2 (en) 2016-02-25 2016-02-25 Drawing method, drawing apparatus, and drawing program

Publications (2)

Publication Number Publication Date
JP2017151780A JP2017151780A (en) 2017-08-31
JP6665579B2 true JP6665579B2 (en) 2020-03-13

Family

ID=59740763

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016034359A Active JP6665579B2 (en) 2016-02-25 2016-02-25 Drawing method, drawing apparatus, and drawing program

Country Status (1)

Country Link
JP (1) JP6665579B2 (en)

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2097232C (en) * 1993-05-28 1999-01-19 Phillip J. Beaudet Displaying partial graphs by expanding and collapsing nodes
JP3346130B2 (en) * 1995-11-09 2002-11-18 三菱電機株式会社 Graph figure arrangement method and apparatus
JP3484096B2 (en) * 1999-03-03 2004-01-06 インターナショナル・ビジネス・マシーンズ・コーポレーション Logical zoom method in logical zoom device for directed graph
JP4566928B2 (en) * 2006-03-01 2010-10-20 三菱電機株式会社 Graph graphic arrangement method, program and apparatus
JP4939486B2 (en) * 2007-11-19 2012-05-23 日本電信電話株式会社 Graph visualization coordinate calculation apparatus, method, program, and recording medium recording the program
JP2009245162A (en) * 2008-03-31 2009-10-22 Fujitsu Ltd Display control device, display control method, and display control program
JP5077833B2 (en) * 2009-03-09 2012-11-21 横河電機株式会社 System display device
JP2012177984A (en) * 2011-02-25 2012-09-13 Yokogawa Electric Corp System display device

Also Published As

Publication number Publication date
JP2017151780A (en) 2017-08-31

Similar Documents

Publication Publication Date Title
US8907990B2 (en) Display system, display method, program, and recording medium
US12106124B2 (en) Creating default layout constraints for graphical interfaces
JP6221372B2 (en) Graph display device, program, and server device
US9791971B2 (en) Registration of electronic displays
JP2014507026A (en) User interface interaction behavior based on insertion point
JP2020191056A (en) Layout analysis method, reading assist device, circuit, and medium
US7675529B1 (en) Method and apparatus to scale graphical user interfaces
JP4549212B2 (en) Electronic board system
US20160239186A1 (en) Systems and methods for automated generation of graphical user interfaces
JP2005148450A (en) Display controller and program
JP2012238171A (en) Image processing device, image processing method and program
JP6665579B2 (en) Drawing method, drawing apparatus, and drawing program
JP5290141B2 (en) Image processing apparatus, image processing apparatus control method, and program
JP5811781B2 (en) Graph display device and program
JP6287498B2 (en) Electronic whiteboard device, electronic whiteboard input support method, and program
JP2012008893A (en) Image creation support system, and support apparatus in image creation support system
US11288778B2 (en) Creation and rasterization of shapes using geometry, style settings, or location
JP2005107871A (en) Image display method and device, program by the same method and recording medium with its program stored
JP5957026B2 (en) Input region generation method, generation device, and generation program
JP6264951B2 (en) Drawing apparatus, program, and drawing method
CN109783100B (en) Method and device for checking user interface element attribute and electronic equipment
JP2009282723A (en) Object editing device and program
JP6536666B2 (en) Drawing control device, control program therefor, and drawing control method
JP6329687B1 (en) Ticker editing device and ticker editing program
JP2018025850A (en) Display control device, display control system, and display control method

Legal Events

Date Code Title Description
RD01 Notification of change of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7426

Effective date: 20170803

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20170803

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20170804

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20180214

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A821

Effective date: 20180219

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20180219

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20181011

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20191031

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20191112

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200110

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20200121

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200203

R150 Certificate of patent or registration of utility model

Ref document number: 6665579

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150