All Demos Next >
Select Theme

Dragon1 Process Application Landscape Map

This interactive map is created using the Dragon1 SaaS platform for Enterprise Architecture.

Such an interactive diagram supports managing security and risks in your process landscape and application landscape, like for instance the lack of standardization.

You can make use of Dragon1 in many ways. For instance stand alone, in a multivendor strategy or as part of a toolchain.
You can import your data into the cloud based Dragon1 repository and generate this diagram from there.
Or you can call the diagramtype from within your environment, use it as template and feed it with a JSON data file.

Below you find javascript code you can use as an example to populate the diagram template with your data.
At the bottom of this page you see a screenshot of the Architecture Repository and Visual Designer of the Dragon1 platform where this diagram template was created.

More about this Landscape Map

Javascript + JSON Example


<!-- HTML -->
<!-- Styles -->

<style >
#diagramdiv {
  width: 100%;
  max-width:1200px;
  height: 700px;
  margin:auto;
  margin-top:50px;
  margin-bottom:50px;
}
</style>

<!-- Resources -->
<link type="text/css" rel="Stylesheet" href="https://www.dragon1.com/lib/5/dragon1-theme-none.css" />

<script src="https://www.dragon1.com/lib/5/jquery.js"></script>
<script src="https://www.dragon1.com/lib/5/dragon1core.js"></script>
<script src="https://www.dragon1.com/lib/5/dragon1diagrams.js"></script>
<script src="https://www.dragon1.com/lib/5/dragon1animated.js"></script>

<!-- Chart code -->

<script >

  dragon1core.ready(function () {

        // Themes begin
        dragon1core.useTheme(dragon1core_animated);
        // Themes end

        var diagram = dragon1core.create("diagramdiv", dragon1core.Process_Application_Landscape_Map, "Dragon1 Process Application Landscape");
        diagram.userdatalocal = 'yes';
        diagram.opacity = 0; // this creates initial fade-in

        diagram.data = [
        { 'stakeholder-name' : 'Bill Gates',
          'stakeholder-id' : '06',
          'stakeholder-descr' : 'This is a stakeholder'
        },
        { 'goal-name' : 'Save IT Cost with 5%',
          'goal-id' : '05',
          'goal-deadline' : '5 jan 2020'
        },
        { 'principle-name' : 'Cloud computing creates efficiency by providing access anywhere',
          'principle-id' : '08',
          'principe-concept': 'Cloud Computing'
        },
        { 'standard-name' : 'ISO 27017 (Interoperability)',
          'standard-id' : '07'
        },
        { 'process-name' : 'procurement',
          'process-id' : '01',
          'process-owner' : 'Mrs. Vanderbilt'
        },
        { 'process-name' : 'sales',
          'process-id' : '02'
        },
        { 'application-name': 'MyCRM',
          'application-id': '03',
          'application-platform' :'Win32'
        },
        { 'application-name': 'CRM Dynamics',
          'application-id': '04',
          'application-vendor' :'Microsoft'
        },
        { 'relationship-id1' : '01', 
          'relationship-id2' : '03', 
          'relationship-type' : 'association', 
        }
        ];       

    });  // end dragon1.ready()

</script>

<div id="diagramdiv"></div>
<!-- HTML -->



Example Screenshot Dragon1

Screenshot of the Architecture Repository, where you can import your data to use on visualization templates

Screenshot of the Visual Designer, where you can create any visualization template. For instance to create enterprise architecture, security and risk management diagrams.


Create a Trial Account   Buy