Create and Generate a Visualization

Three ways of Creating and Generating Visualizations

Dragon1 supports you in three ways to create or generate a visualization: via the Data Dashboard, via the Architecture Repository and via the Visual Designer. All three ways will be shown here:

dragon1 enterprise architecture visualization

An Example Architecture Visualization.

How to Create a Visualization using the Data Dashboard?

To create and generate visualization:

  • Go to the Data Dashboard.
dragon1 data dashboard

Data Dashboard.

  • Click on Visualizations.
dragon1 visualization list

Visualization List.

  • Click on the Gallery button to get a different view of the visualizations.
dragon1 visualization gallery

Visualization Gallery.

  • Click on the 'Add' button to add a new Visualization.
dragon1 visualization details

Visualization Details.

dragon1 more visualization details

More Visualization Details.

  • Enter a name and a bitmap for the visualization.
  • Set 'Publication Status' to published publicly.
  • Provide a template: Functions_Map and provide a layout: C04_L02_L03_L05_L02
  • Save the visualization.
  • Go to the Viewer to see that the empty visualization layout is published.

How to Create a Visualization using the Architecture Repository?

To create a visualization, follow the steps below:

  • Log in.
  • Click 'Architecture Repository' in the left side menu.
  • Click 'Open cabinet' to open a cabinet.
  • In the Cabinet, navigate to the Dossier and within the Dossier to the specific Folder.
dragon1 architecture repository

Open a Cabinet, Dossier and Folder in the Architecture Repository.

  • Click the 'Insert Visualization' button in the top button bar to add a new Visualization.
  • Enter the Name, Title, Description and Entity Type (e.g. Application).
Specify the Visualization type.

Specify the Visualization type.

dragon1 add visualization

Add the Visualization.

  • Press the 'OK' button to add the Visualization.
dragon1 visualization added in architecture repository

Visualization added in the Architecture Repository.

The Visualization is shown in the folder.

Visualization Description Options

You can tweak how a visualization looks in easy and nice ways.

Below are values that can be placed comma separated in the description field of a visualization.

  • nodetailsbutton - THIS WILL SUPPRESS THE AUTOGENERATED SHOW DETAILSDIAGRAM BUTTON.
  • countitems - this will show per area the number of items in that area
  • drawrelationship - the relationships between objects are drawn
  • noselfrel - objects that have a self-relationship, are drawn without the self-relationship.
  • norelname - the relationships are visualized without label name
  • noorig or nopos - objects that have an origx and origy attributes are not absolutely positioned. (if you add origx and origy as attributes to an object you can position them absolutely on a visualization)

Visualization Action Script Options

  • showclasses([entityclass],[entityclass],...) - this action script will only show all classes listed, from 1 to 10 classes.
  • hideclasses([entityclass],[entityclass],...) - this action script will hide all classes listed, from 1 to 10 classes.
  • include([entityclass],[tagsvalue]) - this action script will include all classes that are tagged with a certain value on to the visualization. The objects will be placed in the group that is indicated or at the provided origx,origy position. Example: include(Application,Show), this will show on a visualization all applications that are labeled Show in the tag.
  • noautoscan - this will cancel the autoscan for the visualization

Layout options for the Canvas and Templates

dragon1 layouts

Example of the Layout specification: L04_C02_C03_C02_C01.

Visualizations have an easy way of configuring the layout of the canvas and templates.

The layout can be specified in the layout field of a Visualization data entity in the collaboration application.

Suppose you want to create a visualization that shows 1 big area, this is in fact 1 layer with 1 column. You can specify that like: "L01_C01" or "C01_L01".

L = Layer. C = Column. L01 is 1 layer. C01 is 1 column.

Suppose you want to create a visualization with four layers, with 2 columns in the first layer, 1 column in the 2nd layer, 3 columns in the 3rd layer and 1 column in the bottom layer. You can specify that like: L04_C02_C01_C03_C01.

Suppose you want to create a visualization with four columns, with 2 layers in the first column, 1 layer in the 2nd column, 3 layers in the 3rd layer and 1 layer in the right column. You can specify that like: C04_L02_L01_L03_L01.

To give a group a name, enter a comma-separated list of names in the Group field.

You can mix layers with columns. This layout string generates 2 columns at the right of 3 layers: L03_C1_C01_C01_R02.

This layout string generates 1 column at the left and 2 columns at the right of 3 layers: L03_C1_C01_C01_FB01_R02.

We recommend to use R01, R02, R03 or R04 and F01, F02, F03 or F04.

Auto Layout Options

Dragon1 currently supports 1 auto layout option: Hierarchy

If you provide this value in the Layout field then Dragon1 will auto layout your diagrams. Multiple rootnodes are supported.

Layout Extensions

Next to the layout field, there is also a Layout Ext field.

In this field, you can specify subgroups in groups.

Suppose you want to have 2 subgroups in each of the 8 groups on your diagram, you can specify this like: S02_S02_S02_S02_S02_S02_S02_S02.

To give a group a name, enter a comma-separated list of names in the Sub Groups field.

Create Button Bars

To create and configure new button bars or hide the default button bars on a visualization, read the create button bar help page.

How to Create and Generate a Visualization using the Visual Designer

To insert a Visualization, follow the steps below:

  • Log in.
  • Click 'Visual Designer' in the left side menu.
  • Click 'Open cabinet' to open a cabinet.
  • In the Cabinet, navigate to the Dossier and within the Dossier to the specific Folder.
dragon1 open cabinet

Open a Cabinet, Dossier and Folder in the Visual Designer.

  • Click 'Insert' on the menu bar to open the pulldown menu.
  • Click 'Insert Visualization' in the menu to add a new Visualization.
  • Enter the Name of the visualization.
dragon1 insert visualization

Use the Insert menu in the Visual Designer.

dragon1 enter name visualization

Enter the name of the Visualization.

  • Press the 'Insert' button to add the Visualization.
dragon1 visualization added in visual designer

Visualization added in the Visual Designer.

The Visualization is added to the folder. In the right menu bar, a few properties of the Visualization can be set. In order to get access to the full set of properties, the Visualization has to be opened using the Data Dashboard or the Architecture Repository.

Hiding an Visualization

To hide a visualization you can do the following:

  • Go to the data dashboard
  • Select visualizations
  • Select your visualization
  • Set the visualization to deleted
  • Set the visualization to hidden
  • Set the visualization to unpublished