2e:null 2f:["$","title",null,{"children":"ArchiMate Universe as a Compound Graph | Figay | Observable"}] 34:T4bb,The ArchiMate Language provides:

Modeling constructs for model elements other than relationships which are partitioned over several layers

Modeling constructs for model elements which are relationships(11)

It was built relying on the predecessor of ISO 42010, which makes it an Architecture Description Language. It means that it considers the construction of views, diagrams, which are structure according to a set of viewpoints.

A viewpoint guides the construction of a view, indicating the constructs which can be used, and indicating which stakeholders are concerns and for which purpose. Viewpoints provide a hook to the definitions of modeling practices.

The version 2 of ArchiMate specification gives a set of normative pre-defined viewpoints.

Version 3 of ArchiMate specification proposes a set of non normative viewpoints.

Several ArchiMate modeling tools have been hard coding these viewpoints, proposing advanced features for Architects, such as filtering the icons palette according to a selected viewpoints for a diagram, or ghosting the elements of the views which are not belonging to the viewpoint (cf. Archi).

35:T6d9,menu = html`

Clustering depth:

Group edges of similar type

Allow nested edge collapse

`36:T178f,ArchiMateGraph = { graph; ArchiMateCG.use(expandCollapse); ArchiMateCG.use(cytoscapeCola); ArchiMateCG.use(fcose); ArchiMateCG.use(edgeConnections); //ArchiMateCG.use(ngraph); //ngraph(ArchiMateCG); //ArchiMateCG.use(d3force); var cy = ArchiMateCG({ container: document.getElementById("myGraph"), // container to render in elements: myGraph, ready: function () { this.layout({ name: myLayout, randomize: true, fit: true, animate: false, nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, condense: true }).run(20, 0, 10); var api = this.expandCollapse({ layoutBy: { name: myLayout, animate: true, randomize: false, fit: true, nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, condense: true }, fisheye: true, animate: true, undoable: false }); api.collapseAll({ layoutBy: { name: myLayout, animate: true, randomize: false, fit: true, nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, condense: true }, fisheye: true, animate: true, undoable: false, nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, condense: true }); }, style: [ { selector: "node.aux-node", style: { width: 6, height: 6, shape: "circle", color: "red", "overlay-color": "white" } }, { selector: "node", style: { label: "data(label)", "background-image": (ele) => renderNode(ele).icon, "background-opacity": "1", //width: 1000, //height: 500, width: (ele) => renderNode(ele).width, height: (ele) => renderNode(ele).height, "border-width": 1, "border-color": `white`, "border-opacity": 1, shape: "rectangle", nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, "overlay-color": (ele) => renderNode(ele).dColor, "overlay-opacity": "0.1" } }, { selector: ":parent", style: { "background-color": "white", "z-compound-depth": "auto", "border-color": `black`, "background-position-x": "100%", "background-position-y": "0%", nodeDimensionsIncludeLabels: myDimensionsIncludeLabels, "background-color": (ele) => renderNode(ele).dColor, "background-opacity": "0.1", "overlay-opacity": "0.1" } }, { selector: "node.cy-expand-collapse-collapsed-node", style: { "background-color": "white", shape: "rectangle", "line-color": "black" } }, { selector: ":selected", style: { "overlay-color": "#6c757d", "overlay-opacity": 0.3, "background-color": "#999999" } }, { selector: "edge", style: { label: (ele) => renderEdge(ele).label, "target-arrow-shape": (ele) => renderEdge(ele).targetArrowShape, "target-arrow-color": (ele) => renderEdge(ele).targetArrowColor, "target-arrow-fill": (ele) => renderEdge(ele).targetArrowFill, "source-arrow-shape": (ele) => renderEdge(ele).sourceArrowShape, "source-arrow-color": (ele) => renderEdge(ele).sourceArrowColor, "source-arrow-fill": (ele) => renderEdge(ele).sourceArrowFill, "line-style": (ele) => renderEdge(ele).lineStyle, "mid-source-arrow-shape": (ele) => renderEdge(ele).midSourceArrowShape, "mid-source-arrow-color": (ele) => renderEdge(ele).midSourceArrowColor, "line-dash-pattern": (ele) => renderEdge(ele).lineDashPattern, "target-endpoint": "outside-to-node", "line-color": "black", "target-distance-from-node": 0, "curve-style": "bezier" } } ], layout: { name: "fcose" } }); var api = cy.expandCollapse("get"); document.getElementById("collapseAll").addEventListener("click", function () { api.collapseAll(); }); document.getElementById("expandAll").addEventListener("click", function () { api.expandAll(); }); document .getElementById("collapseRecursively") .addEventListener("click", function () { api.collapseRecursively(cy.$(":selected")); }); document .getElementById("expandRecursively") .addEventListener("click", function () { api.expandRecursively(cy.$(":selected")); }); document .getElementById("collapseSelectedEdges") .addEventListener("click", function () { const edges = cy.edges(":selected"); if (edges.length >= 2) { api.collapseEdges(edges, getEdgeOptions()); } }); document .getElementById("expandSelectedEdges") .addEventListener("click", function () { const edges = cy.edges(":selected"); if (edges.length > 0) { api.expandEdges(edges, getEdgeOptions()); } }); document .getElementById("collapseAllEdges") .addEventListener("click", function () { api.collapseAllEdges(getEdgeOptions()); }); document .getElementById("collapseEdgesBetweenNodes") .addEventListener("click", function () { api.collapseEdgesBetweenNodes(cy.nodes(":selected"), getEdgeOptions()); }); document .getElementById("expandEdgesBetweenNodes") .addEventListener("click", function () { api.expandEdgesBetweenNodes(cy.nodes(":selected"), getEdgeOptions()); }); document .getElementById("expandAllEdges") .addEventListener("click", function () { if (cy.edges(".cy-expand-collapse-collapsed-edge").length > 0) { api.expandAllEdges(); } }); cy.edgeConnections().addEdges(edges); return cy; }37:T105c,CompoundGraph = [ { data: { type: "business-actor", id: 1 }, position: { x: 210, y: 60 } }, { data: { type: "business-actor", id: 2, parent: 1 }, position: { x: 30, y: 80 } }, { data: { type: "business-actor", id: 3 }, position: { x: 100, y: 200 } }, { data: { type: "business-actor", id: 4 }, position: { x: 105, y: 120 } }, { data: { type: "business-actor", id: 5 }, position: { x: -20, y: 130 } }, { data: { type: "business-actor", id: 6 }, position: { x: 45, y: 220 } }, { data: { type: "business-actor", id: 7 }, position: { x: 250, y: 230 } }, { data: { type: "business-actor", id: 8 }, position: { x: 210, y: 150 } }, { group: "nodes", data: { id: "id-97c58664864f4c51996b80ac5708d1e4", label: "All the ArchiMate relationships with Cytoscape.js", type: "grouping", viewpoint: "{name=None, id=}" } }, { group: "nodes", data: { id: "id-74128075224d4063afdda37251f5c6d7", type: "grouping", parent: "id-97c58664864f4c51996b80ac5708d1e4", label: "Source" } }, { group: "nodes", data: { id: "id-17343da5e4284d479a23e20b42ae85a4", type: "grouping", parent: "id-97c58664864f4c51996b80ac5708d1e4", label: "Target" } }, { group: "edges", data: { id: "id-09cf6e1528a84b02bf2946cfc2e0f9d2", type: "composition-relationship", label: "composition", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-afb94d9a460b4d33baf13ae4c8c1aadf", type: "aggregation-relationship", label: "aggregation", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-b27ba4d54f774d9c92e4a5e35ecc229d", type: "assignment-relationship", label: "assignment", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-f0471c241d6147c3a760f313492d1e67", type: "realization-relationship", label: "Realization", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-4032fd8d4e4d40b3a2ade07a78a4f133", type: "serving-relationship", label: "serving", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-f58ed079409c4e3681b66faffaeead8d", type: "access-relationship", label: "access", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-bbc2b5ea98e0477aaa24dd2d86c3d772", type: "influence-relationship", label: "influence", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-cf77592612774318ba3c8df82fca9643", type: "triggering-relationship", label: "triggering", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-17f5abaf15ae4761812c04a1677a7a96", type: "flow-relationship", label: "flow", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-aa60b0e331d8494894c40a9ad4e5c046", type: "specialization-relationship", label: "specialization", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } }, { group: "edges", data: { id: "id-914e51f7e2084237b2e5a6daf3230203", type: "association-relationship", label: "association", target: "id-17343da5e4284d479a23e20b42ae85a4", source: "id-74128075224d4063afdda37251f5c6d7" } } ]38:T6cb1,CompoundGraph2 = [ { group: "nodes", data: { id: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: "ArchiMateCG Layered view", type: "view", viewpoint: "Application Cooperation" } }, { group: "edges", data: { id: "Application Cooperation_id-1bc96fedd94c406a8b268dfb0fe4f4be", type: "view_viewpoint_relationship", target: "application_cooperation", source: "id-1bc96fedd94c406a8b268dfb0fe4f4be", hierarchy: "true" } }, { group: "nodes", data: { id: "archimate3_viewpoints", label: "ArchiMate3 Viewpoints", type: "grouping" } }, { group: "nodes", data: { id: "archimate3_stakeholders", label: "ArchiMate3 Stakeholders as ArchiMateCG user types", type: "grouping" } }, { group: "nodes", data: { id: "application_cooperation", label: "application_cooperation", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "application_usage", label: "application_usage", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "business_process_cooperation", label: "business_process_cooperation", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "capability", label: "capability", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "goal_realization", label: "goal_realization", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "implementation_deployment", label: "implementation_deployment", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "implementation_migration", label: "implementation_migration", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "information_structure", label: "information_structure", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "layered", label: "layered", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "migration", label: "migration", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "motivation", label: "motivation", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "organization", label: "organization", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "outcome_realization", label: "outcome_realization", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "physical", label: "physical", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "product", label: "product", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "project", label: "project", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "requirements_realization", label: "requirements_realization", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "resource", label: "resource", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "service_realization", label: "service_realization", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "stakeholder", label: "stakeholder", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "strategy", label: "strategy", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "technology", label: "technology", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "technology_usage", label: "technology_usage", type: "viewpoint", parent: "archimate3_viewpoints" } }, { group: "nodes", data: { id: "CxO", label: "CxO", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Shareholder", label: "Shareholder", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Manager", label: "Manager", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Employee", label: "Employee", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Process Architect", label: "Process Architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Domain Architect", label: "Domain Architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Application Architect", label: "Application Architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Operational Manager", label: "Operational Manager", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Product Mangager", label: "Product Mangager", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Infrastructure Architect", label: "Infrastructure Architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "ICT architect", label: "ICT architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Information Architect", label: "Information Architect", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Requirements Manager", label: "Requirements Manager", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "Business Analyst", label: "Business Analyst", type: "stakeholder", parent: "archimate3_stakeholders" } }, { group: "nodes", data: { id: "id-6f99417a8e014af6bea7b6d06cc398c2", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: "a note", content: '"This is just an another way to formalize a view, without the underlying model. So it represent mainly visual elements"', type: "diagram-model-note" } }, { group: "nodes", data: { id: "id-7bf05d5290e64ee189b8d8c4cfe15665", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: "a note", content: '"This contains all the views, i.e. visual element in the views, plus the model elements which can also be seen within a model: combination of ArchiMate views and ArchiMate model"', type: "diagram-model-note" } }, { group: "nodes", data: { id: "id-bb86f206ee2247168233749041d7aa61", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: "a note", content: '"This contains all the views, i.e. visual element in the views, plus the model elements which can also be seen within a model: combination of ArchiMate views and ArchiMate model. The model structued is also exported, i.e. folder and/or packages depending of the initial master data and the flow/transformation chain."', type: "diagram-model-note" } }, { group: "nodes", data: { id: "id-4c3c2d89fe8b4095a2d018bcefac5165", type: "product", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Archi 4.9"' } }, { group: "nodes", data: { id: "id-7808749a292244cca602b5a23ae3c5d3", type: "device", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Personal Computer"' } }, { group: "nodes", data: { id: "id-f7725909909f4bedbcd5396e909f45d5", type: "grouping", parent: "id-7808749a292244cca602b5a23ae3c5d3", label: '"ArchiMateCompoundGraphViewerAndAnalyzer"' } }, { group: "nodes", data: { id: "id-9a6c0bbbcb584f53bd4fadf88710cc32", type: "artifact", parent: "id-f7725909909f4bedbcd5396e909f45d5", label: '"ArchiMate Compound Graph Viewer and Analyzer.html"' } }, { group: "nodes", data: { id: "id-280e03d7e3464423ac5a104ee8223518", type: "artifact", parent: "id-f7725909909f4bedbcd5396e909f45d5", label: '"ArchiMateCompoundGraphViewerAndAnalyzer.js"' } }, { group: "nodes", data: { id: "id-03851680949642babcb3e840bcd64ecf", type: "system-software", parent: "id-f7725909909f4bedbcd5396e909f45d5", label: '"Web Browser"' } }, { group: "nodes", data: { id: "id-4352946194574946bcc78fc125df520f", type: "system-software", parent: "id-7808749a292244cca602b5a23ae3c5d3", label: '"Archi"' } }, { group: "nodes", data: { id: "id-339aa002c28a4c5c880bd333a1cb8817", type: "system-software", parent: "id-4352946194574946bcc78fc125df520f", label: '"JArchi Plugin"' } }, { group: "nodes", data: { id: "id-e49bf7057fc44cbca0c761df2b884da9", type: "grouping", parent: "id-7808749a292244cca602b5a23ae3c5d3", label: '"jArchi Scripts"' } }, { group: "nodes", data: { id: "id-71316df8f7e44139b6a432f22d9d3ed2", type: "artifact", parent: "id-e49bf7057fc44cbca0c761df2b884da9", label: '"ViewExtractCytoscapeCG.ajs"' } }, { group: "nodes", data: { id: "id-0b0a0d0c358844b1993521ac29afd081", type: "artifact", parent: "id-e49bf7057fc44cbca0c761df2b884da9", label: '"ExportToCytoscapeCola.ajs"' } }, { group: "nodes", data: { id: "id-ec9ece25bd5445379563944a92336c18", type: "artifact", parent: "id-e49bf7057fc44cbca0c761df2b884da9", label: '"ExtractCytoscapeCG.ajs"' } }, { group: "nodes", data: { id: "id-f59ff5e3d7f543f3ba6aa272d280ca20", type: "technology-function", parent: "id-7808749a292244cca602b5a23ae3c5d3", label: '"Extract ArchiMateCG view"' } }, { group: "nodes", data: { id: "id-8e7fe4dde95143a796954343883100f5", type: "node", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"ArchiMate Compound Graph Viewer And Analyzer"' } }, { group: "nodes", data: { id: "id-ca1bcf873e8a471eb5eb8639f3e626a6", type: "application-component", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"ArchiMate Personal Modeling Editor"' } }, { group: "nodes", data: { id: "id-1f6a64f81ee142889c11dd583d419aea", type: "application-component", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"ArchiMate Compound Graph Viewer and Analyzer"' } }, { group: "nodes", data: { id: "id-b896bf455ae54ce78ab0dae866a889b2", type: "data-object", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Cartography repository"' } }, { group: "nodes", data: { id: "id-5decfdc496f64c2db0bc34b59714c7de", type: "grouping", parent: "id-b896bf455ae54ce78ab0dae866a889b2", label: '"Managed Under Development Cartographies"' } }, { group: "nodes", data: { id: "id-71ae49970055447ebb4ac4b428a38dd5", type: "grouping", parent: "id-5decfdc496f64c2db0bc34b59714c7de", label: '"Managed ArchiMateCG Views"' } }, { group: "nodes", data: { id: "id-cc429c889cf0428a9bd7259e3f960cf5", type: "grouping", parent: "id-b896bf455ae54ce78ab0dae866a889b2", label: '"Inputs"' } }, { group: "nodes", data: { id: "id-c9a0aad2e87e4088a7ccbb62433ad73b", type: "grouping", parent: "id-cc429c889cf0428a9bd7259e3f960cf5", label: '"Exported ArchiMateCG Views"' } }, { group: "nodes", data: { id: "id-6f3feebf578b454fb4496127d438679e", type: "grouping", parent: "id-cc429c889cf0428a9bd7259e3f960cf5", label: '"ArchiMateCG Model with Views"' } }, { group: "nodes", data: { id: "id-51e6bcf0bc964bd0bf6ede112339f8ce", type: "grouping", parent: "id-cc429c889cf0428a9bd7259e3f960cf5", label: '"ArchiMateCG Model with structures and Views"' } }, { group: "nodes", data: { id: "id-fd20eaa3abd74b77ae7234c8a8daaaca", type: "grouping", parent: "id-b896bf455ae54ce78ab0dae866a889b2", label: '"Outputs: released cartographies"' } }, { group: "nodes", data: { id: "id-15471fc7c4654de387ecd83fdd300ade", type: "application-function", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Extract ArchiMateCG View"' } }, { group: "nodes", data: { id: "id-5c5e333e947843d8baa09ca8621fd411", type: "business-role", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Business Role"' } }, { group: "nodes", data: { id: "id-ccca2e7b2bf44c5fba8af3a0a39fbcdf", type: "value", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Value"' } }, { group: "nodes", data: { id: "id-714173d623ff45d5bf7c4a2bb41b229c", type: "value", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Value"' } }, { group: "nodes", data: { id: "id-b20a337007f54d1da4d64e150d656962", type: "value", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Value"' } }, { group: "nodes", data: { id: "id-c7d438da187c4d2ea89bd8139928dc0d", type: "business-role", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Business Role"' } }, { group: "nodes", data: { id: "id-f57bfc9ba55b49dc8dbcd62d459a2ba6", type: "business-role", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Business Role"' } }, { group: "nodes", data: { id: "id-27313dfdb57140559ab973c2af5d9365", type: "stakeholder", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Stakeholder"' } }, { group: "nodes", data: { id: "id-2ae209c5942e42b1936cb2ff7c6eb275", type: "stakeholder", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Stakeholder"' } }, { group: "nodes", data: { id: "id-af15d4b41ce6451b8cf05571ed126f00", type: "stakeholder", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Stakeholder"' } }, { group: "nodes", data: { id: "id-aeba9eae0fa84f9c8459710e486d8613", type: "application-function", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Create Interactive Visual Cartography"' } }, { group: "nodes", data: { id: "id-1ac1f6d7df4d43ac81b445adf70e6d1d", type: "product", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"Cytoscape"' } }, { group: "nodes", data: { id: "id-7c4e756b9b5c40afa6bb4f8722b331ab", type: "product", parent: "id-1bc96fedd94c406a8b268dfb0fe4f4be", label: '"ArchiMate Compound Graph Viewer And Analyzer"' } }, { group: "edges", data: { id: "id-4c8c207abf094967847dc257fbb530cb", type: "realization-relationship", label: '""', target: "id-4352946194574946bcc78fc125df520f", source: "id-4c3c2d89fe8b4095a2d018bcefac5165" } }, { group: "edges", data: { id: "id-40557f7ddd6a4495b3b5cf54b6b15c95", type: "composition-relationship", label: '""', target: "id-f7725909909f4bedbcd5396e909f45d5", source: "id-7808749a292244cca602b5a23ae3c5d3", hierarchy: "true" } }, { group: "edges", data: { id: "id-7fe1768956204ab1aa8144bd80d5345b", type: "composition-relationship", label: '""', target: "id-4352946194574946bcc78fc125df520f", source: "id-7808749a292244cca602b5a23ae3c5d3", hierarchy: "true" } }, { group: "edges", data: { id: "id-2f9b9a4b6e5a4d84ab34baa3e7717885", type: "aggregation-relationship", label: '""', target: "id-e49bf7057fc44cbca0c761df2b884da9", source: "id-7808749a292244cca602b5a23ae3c5d3", hierarchy: "true" } }, { group: "edges", data: { id: "id-356d6cfeacc64061b45a403a4f3c5b1d", type: "assignment-relationship", label: '""', target: "id-f59ff5e3d7f543f3ba6aa272d280ca20", source: "id-7808749a292244cca602b5a23ae3c5d3", hierarchy: "true" } }, { group: "edges", data: { id: "id-e8b7cd91cb084766ad61ac7d3547aca1", type: "composition-relationship", label: '""', target: "id-9a6c0bbbcb584f53bd4fadf88710cc32", source: "id-f7725909909f4bedbcd5396e909f45d5", hierarchy: "true" } }, { group: "edges", data: { id: "id-5974b00c59ea48f2ab1e1624e8b15a7c", type: "composition-relationship", label: '""', target: "id-280e03d7e3464423ac5a104ee8223518", source: "id-f7725909909f4bedbcd5396e909f45d5", hierarchy: "true" } }, { group: "edges", data: { id: "id-3a18d5ec5e7242188729e1e3358367e4", type: "aggregation-relationship", label: '""', target: "id-03851680949642babcb3e840bcd64ecf", source: "id-f7725909909f4bedbcd5396e909f45d5", hierarchy: "true" } }, { group: "edges", data: { id: "id-dbca1cded5284fa8a5e86e8b83c59d95", type: "realization-relationship", label: '""', target: "id-8e7fe4dde95143a796954343883100f5", source: "id-f7725909909f4bedbcd5396e909f45d5" } }, { group: "edges", data: { id: "id-ea23dee7b92444eba993743899c0d8e3", type: "realization-relationship", label: '""', target: "id-7c4e756b9b5c40afa6bb4f8722b331ab", source: "id-f7725909909f4bedbcd5396e909f45d5" } }, { group: "edges", data: { id: "id-072184b7ea63468dbb250a59bfd2da96", type: "aggregation-relationship", label: '""', target: "id-280e03d7e3464423ac5a104ee8223518", source: "id-9a6c0bbbcb584f53bd4fadf88710cc32" } }, { group: "edges", data: { id: "id-f0938b286683477e8cf5502a9a23fc9e", type: "access-relationship", label: '""', target: "id-9a6c0bbbcb584f53bd4fadf88710cc32", source: "id-03851680949642babcb3e840bcd64ecf" } }, { group: "edges", data: { id: "id-10f5db3b41a7418f84d4f44706fe03d1", type: "composition-relationship", label: '""', target: "id-339aa002c28a4c5c880bd333a1cb8817", source: "id-4352946194574946bcc78fc125df520f", hierarchy: "true" } }, { group: "edges", data: { id: "id-07f316f0e28946449e6de8ce0c595274", type: "realization-relationship", label: '""', target: "id-ca1bcf873e8a471eb5eb8639f3e626a6", source: "id-4352946194574946bcc78fc125df520f" } }, { group: "edges", data: { id: "id-62bc7472e7d6443297873a7a9b14fa35", type: "access-relationship", label: '""', target: "id-e49bf7057fc44cbca0c761df2b884da9", source: "id-339aa002c28a4c5c880bd333a1cb8817" } }, { group: "edges", data: { id: "id-e141745bd7264d008c5367f860217ea1", type: "aggregation-relationship", label: '""', target: "id-71316df8f7e44139b6a432f22d9d3ed2", source: "id-e49bf7057fc44cbca0c761df2b884da9", hierarchy: "true" } }, { group: "edges", data: { id: "id-aa27e26776a142798cdd43c82011db27", type: "aggregation-relationship", label: '""', target: "id-0b0a0d0c358844b1993521ac29afd081", source: "id-e49bf7057fc44cbca0c761df2b884da9", hierarchy: "true" } }, { group: "edges", data: { id: "id-398630894f494942bf7f160cb3045476", type: "aggregation-relationship", label: '""', target: "id-ec9ece25bd5445379563944a92336c18", source: "id-e49bf7057fc44cbca0c761df2b884da9", hierarchy: "true" } }, { group: "edges", data: { id: "id-0fed1747929a46618ddf754fc6fe3f16", type: "realization-relationship", label: '""', target: "id-f59ff5e3d7f543f3ba6aa272d280ca20", source: "id-71316df8f7e44139b6a432f22d9d3ed2" } }, { group: "edges", data: { id: "id-3610a1b8b16f4e3e8c140cb0d8a2822a", type: "realization-relationship", label: '""', target: "id-15471fc7c4654de387ecd83fdd300ade", source: "id-f59ff5e3d7f543f3ba6aa272d280ca20" } }, { group: "edges", data: { id: "id-7ebfc57f04224953a6eed38d902dee28", type: "realization-relationship", label: '""', target: "id-1f6a64f81ee142889c11dd583d419aea", source: "id-8e7fe4dde95143a796954343883100f5" } }, { group: "edges", data: { id: "id-9c33d46427ba48aaad07b7c44d2bb8ae", type: "realization-relationship", label: '""', target: "id-15471fc7c4654de387ecd83fdd300ade", source: "id-ca1bcf873e8a471eb5eb8639f3e626a6" } }, { group: "edges", data: { id: "id-795723bf75c543a09c4c8c3146a82bbc", type: "access-relationship", label: '""', target: "id-c9a0aad2e87e4088a7ccbb62433ad73b", source: "id-1f6a64f81ee142889c11dd583d419aea" } }, { group: "edges", data: { id: "id-1570d96d01d7467a988b403372f9d652", type: "access-relationship", label: '""', target: "id-71ae49970055447ebb4ac4b428a38dd5", source: "id-1f6a64f81ee142889c11dd583d419aea" } }, { group: "edges", data: { id: "id-480a8286b6b04730bfe37e306b23b8e3", type: "realization-relationship", label: '""', target: "id-aeba9eae0fa84f9c8459710e486d8613", source: "id-1f6a64f81ee142889c11dd583d419aea" } }, { group: "edges", data: { id: "id-9ee96d7fa1c2408ba8310fda35023963", type: "composition-relationship", label: '""', target: "id-5decfdc496f64c2db0bc34b59714c7de", source: "id-b896bf455ae54ce78ab0dae866a889b2", hierarchy: "true" } }, { group: "edges", data: { id: "id-6e409fa3be20476fbe1fd58d91941fa7", type: "composition-relationship", label: '""', target: "id-cc429c889cf0428a9bd7259e3f960cf5", source: "id-b896bf455ae54ce78ab0dae866a889b2", hierarchy: "true" } }, { group: "edges", data: { id: "id-c5a3016d505241e4a32c813b00376848", type: "composition-relationship", label: '""', target: "id-fd20eaa3abd74b77ae7234c8a8daaaca", source: "id-b896bf455ae54ce78ab0dae866a889b2", hierarchy: "true" } }, { group: "edges", data: { id: "id-56d762e6c5994214b40cbe7a1f9f2e21", type: "composition-relationship", label: '""', target: "id-71ae49970055447ebb4ac4b428a38dd5", source: "id-5decfdc496f64c2db0bc34b59714c7de", hierarchy: "true" } }, { group: "edges", data: { id: "id-f9511f12020c4d4ba10a3e9450824c4f", type: "composition-relationship", label: '""', target: "id-c9a0aad2e87e4088a7ccbb62433ad73b", source: "id-cc429c889cf0428a9bd7259e3f960cf5", hierarchy: "true" } }, { group: "edges", data: { id: "id-552b67a1c7634df38005cd9c7c3f69ed", type: "composition-relationship", label: '""', target: "id-6f3feebf578b454fb4496127d438679e", source: "id-cc429c889cf0428a9bd7259e3f960cf5", hierarchy: "true" } }, { group: "edges", data: { id: "id-64b5abb108c5417faa6d2377ab541f6f", type: "composition-relationship", label: '""', target: "id-51e6bcf0bc964bd0bf6ede112339f8ce", source: "id-cc429c889cf0428a9bd7259e3f960cf5", hierarchy: "true" } }, { group: "edges", data: { id: "id-6d18e5145cd24e8b8410d7baa141dc5f", type: "access-relationship", label: '""', target: "id-c9a0aad2e87e4088a7ccbb62433ad73b", source: "id-15471fc7c4654de387ecd83fdd300ade" } }, { group: "edges", data: { id: "id-a0ea153d6dfb479b9d872c9de3533f56", type: "access-relationship", label: '""', target: "id-fd20eaa3abd74b77ae7234c8a8daaaca", source: "id-5c5e333e947843d8baa09ca8621fd411" } }, { group: "edges", data: { id: "id-f99b307d70474b9dae2a1e9f033f6076", type: "assignment-relationship", label: '""', target: "id-27313dfdb57140559ab973c2af5d9365", source: "id-5c5e333e947843d8baa09ca8621fd411" } }, { group: "edges", data: { id: "id-4704c7b2cec54a0eb8d7a8e010896f85", type: "assignment-relationship", label: '""', target: "id-2ae209c5942e42b1936cb2ff7c6eb275", source: "id-c7d438da187c4d2ea89bd8139928dc0d" } }, { group: "edges", data: { id: "id-5b56e003b7264556bf11da582cc2526b", type: "access-relationship", label: '""', target: "id-fd20eaa3abd74b77ae7234c8a8daaaca", source: "id-c7d438da187c4d2ea89bd8139928dc0d" } }, { group: "edges", data: { id: "id-17f6fa5295ab48cc86a9ef8a52f604a5", type: "assignment-relationship", label: '""', target: "id-af15d4b41ce6451b8cf05571ed126f00", source: "id-f57bfc9ba55b49dc8dbcd62d459a2ba6" } }, { group: "edges", data: { id: "id-54b7751bf0034354bb5cca6faa141995", type: "access-relationship", label: '""', target: "id-fd20eaa3abd74b77ae7234c8a8daaaca", source: "id-f57bfc9ba55b49dc8dbcd62d459a2ba6" } }, { group: "edges", data: { id: "id-6f7c0134c5e945d498a699551bb74af4", type: "realization-relationship", label: '""', target: "id-f7725909909f4bedbcd5396e909f45d5", source: "id-1ac1f6d7df4d43ac81b445adf70e6d1d" } }, { group: "edges", data: { id: "id-8dae1192833440448c3acd2b48ceb0b4", type: "aggregation-relationship", label: '""', target: "id-1ac1f6d7df4d43ac81b445adf70e6d1d", source: "id-7c4e756b9b5c40afa6bb4f8722b331ab" } }, { group: "edges", data: { id: "id-e91944c430874779b883396b1c99bd3f", type: "realization-relationship", label: '""', target: "id-1f6a64f81ee142889c11dd583d419aea", source: "id-7c4e756b9b5c40afa6bb4f8722b331ab" } } ]39:T757,modelFolders = [ { group: "nodes", data: { id: "id-9b77ed537e934cd7aee14c0a88e2a03a", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Strategy", type: "folder", documentation: "This is the strategy layer folder as defined by default by Archi", specialization: "layer" } }, { group: "nodes", data: { id: "id-71522ec5d88245e69118d3f8c982ab5e", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Business", type: "folder", documentation: "", specialization: "layer" } }, { group: "nodes", data: { id: "id-cffc36cef69644a98eeb7cd93e4ad4d9", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Application", type: "folder", documentation: "", specialization: "layer" } }, { group: "nodes", data: { id: "id-ac70f67c73a94e5daa58005811a8acbe", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Technology & Physical", type: "folder", documentation: "", specialization: "layer" } }, { group: "nodes", data: { id: "id-80e365fc4cb44543af0331c07a7b3dc9", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Motivation", type: "folder", documentation: "", specialization: "layer" } }, { group: "nodes", data: { id: "id-02acda08f3e44c899ce382263bedea56", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Implementation & Migration", type: "folder", documentation: "", specialization: "layer" } }, { group: "nodes", data: { id: "id-95d311eeb40f44dc97606e64579e9fe8", parent: "id-5b348498b0d3405099f5938f80d03e69", label: "Other", type: "folder", documentation: "", specialization: "layer" } } ]3a:T48d3,logicalModel = [ { group: "nodes", data: { id: "id-5b348498b0d3405099f5938f80d03e69", //label: "ArchiMateCG Archi Model (logical)", type: "model", label: `the "a'p'p""r'o""p${toto("titi")}riate value`, "the purpose": "The purpose of this Archi Model named ArchiMateCG is bla bla bla", CreationDate: `${toto("titi")}`, "http://www.eads-iw.net/property4": "titi" } }, { group: "nodes", data: { id: "id-ac58137ccc694e998e1fc1af6242310d", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "Archi 4.9", type: "product" } }, { group: "nodes", data: { id: "id-f3c1a8a65e374efdb6609584e27a6827", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "Business Role", type: "business-role" } }, { group: "nodes", data: { id: "id-d68adbf9268d4b68abcd6388cb5e8f64", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "Business Role", type: "business-role" } }, { group: "nodes", data: { id: "id-b6f74ac75d114ab699be8ec9388d8e99", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "Business Role", type: "business-role" } }, { group: "nodes", data: { id: "id-8bf4e159620b487180207134cb498627", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "Cytoscape", type: "product" } }, { group: "nodes", data: { id: "id-f6529149722045d8a8f9025039be5af6", parent: "id-71522ec5d88245e69118d3f8c982ab5e", label: "ArchiMate Compound Graph Viewer And Analyzer", type: "product" } }, { group: "nodes", data: { id: "id-29e7c104a402499eb7a37aea7c0510c1", parent: "id-cffc36cef69644a98eeb7cd93e4ad4d9", label: "ArchiMate Personal Modeling Editor", type: "application-component" } }, { group: "nodes", data: { id: "id-c4b9adbe4d584a16aaf0761162478014", parent: "id-cffc36cef69644a98eeb7cd93e4ad4d9", label: "ArchiMate Compound Graph Viewer and Analyzer", type: "application-component" } }, { group: "nodes", data: { id: "id-42cfe3f0c5b24e1ea277017f53a581c2", parent: "id-cffc36cef69644a98eeb7cd93e4ad4d9", label: "Cartography repository", type: "data-object" } }, { group: "nodes", data: { id: "id-2be956d2821448a98cd6fb56fc2216ae", parent: "id-cffc36cef69644a98eeb7cd93e4ad4d9", label: "Extract ArchiMateCG View", type: "application-function" } }, { group: "nodes", data: { id: "id-bbf6d68ec5194abc8caa885bc7e22f4c", parent: "id-cffc36cef69644a98eeb7cd93e4ad4d9", label: "Create Interactive Visual Cartography", type: "application-function" } }, { group: "nodes", data: { id: "id-7e850fec265d42c190cc5ff48ad2e976", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "Personal Computer", type: "device" } }, { group: "nodes", data: { id: "id-ac8be649149644d1b1ef9c26639d7fad", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ArchiMate Compound Graph Viewer and Analyzer.html", type: "artifact" } }, { group: "nodes", data: { id: "id-d31e5758f16141a19d43f345e0f8ce48", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ArchiMateCompoundGraphViewerAndAnalyzer.js", type: "artifact" } }, { group: "nodes", data: { id: "id-10618dff43d94734837574330a522b5d", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "Web Browser", type: "system-software" } }, { group: "nodes", data: { id: "id-451f98f38d5f4f9aa84aa1040d2f54ee", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "Archi", type: "system-software" } }, { group: "nodes", data: { id: "id-21f2992200f846febdca2f1f0ddffb3e", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "JArchi Plugin", type: "system-software" } }, { group: "nodes", data: { id: "id-34b544f11e7345689ddd5800a4deb2c1", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ViewExtractCytoscapeCG.ajs", type: "artifact" } }, { group: "nodes", data: { id: "id-56f8cf5b7c864ff08f45b2e00e0c2a5a", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ExportToCytoscapeCola.ajs", type: "artifact" } }, { group: "nodes", data: { id: "id-767e9a26a77945e48ba3975ff41bb93e", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ExtractCytoscapeCG.ajs", type: "artifact" } }, { group: "nodes", data: { id: "id-8c07e08099594a8f964351e0785918bc", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "Extract ArchiMateCG view", type: "technology-function" } }, { group: "nodes", data: { id: "id-166a3d8718a44b2d9c18636ba5988b8c", parent: "id-ac70f67c73a94e5daa58005811a8acbe", label: "ArchiMate Compound Graph Viewer And Analyzer", type: "node" } }, { group: "nodes", data: { id: "id-a4f27b247f2d47e2913a8bd17979a058", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Value", type: "value" } }, { group: "nodes", data: { id: "id-45720e4b1a16471e9a49d01c090cd51d", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Value", type: "value" } }, { group: "nodes", data: { id: "id-0552569572e043cbbb8e4ab591e60b41", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Value", type: "value" } }, { group: "nodes", data: { id: "id-48f0e6f4fcad4e9e9223ab1046e53a30", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Stakeholder", type: "stakeholder" } }, { group: "nodes", data: { id: "id-1031b57aca1149ff921ad4eaa2c05fc6", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Stakeholder", type: "stakeholder" } }, { group: "nodes", data: { id: "id-6fe2800349b247ccb286d8c4a58c3d9b", parent: "id-80e365fc4cb44543af0331c07a7b3dc9", label: "Stakeholder", type: "stakeholder" } }, { group: "nodes", data: { id: "id-ae917ecab7774834bb5bd9b72d7618c3", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "ArchiMateCompoundGraphViewerAndAnalyzer", type: "grouping" } }, { group: "nodes", data: { id: "id-715646c27abc4d88815b5837b03eb237", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "jArchi Scripts", type: "grouping" } }, { group: "nodes", data: { id: "id-e78cb6a65e9f4481b5c0b0e84c6bcf94", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "Managed Under Development Cartographies", type: "grouping" } }, { group: "nodes", data: { id: "id-a8e5c09f306e4cb8ba18454963713e1a", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "Managed ArchiMateCG Views", type: "grouping" } }, { group: "nodes", data: { id: "id-0455d8bb02a345788f4d88dc2dd25db6", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "Inputs", type: "grouping" } }, { group: "nodes", data: { id: "id-dd9a902443854c399acb02f7ce426e83", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "Exported ArchiMateCG Views", type: "grouping" } }, { group: "nodes", data: { id: "id-cb91b50ca372465f8514d6aec8a3299d", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "ArchiMateCG Model with Views", type: "grouping" } }, { group: "nodes", data: { id: "id-1144c8c5872c45f88b46dafb03849cdd", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "ArchiMateCG Model with structures and Views", type: "grouping" } }, { group: "nodes", data: { id: "id-e6768f3bbc82487d8754a392fdd0b929", parent: "id-95d311eeb40f44dc97606e64579e9fe8", label: "Outputs: released cartographies", type: "grouping" } }, { group: "edges", data: { id: "id-de3cb25cebf9440bb4dfe7e4b58894b6_edge", source: "id-10618dff43d94734837574330a522b5d", target: "id-ac8be649149644d1b1ef9c26639d7fad", type: "access-relationship" } }, { group: "edges", data: { id: "id-52aa292188ca45c9a86f19fd45266987_edge", source: "id-42cfe3f0c5b24e1ea277017f53a581c2", target: "id-0455d8bb02a345788f4d88dc2dd25db6", type: "composition-relationship" } }, { group: "edges", data: { id: "id-1b042d05851e49359e65d67d0e7c5e24_edge", source: "id-7e850fec265d42c190cc5ff48ad2e976", target: "id-451f98f38d5f4f9aa84aa1040d2f54ee", type: "composition-relationship" } }, { group: "edges", data: { id: "id-5f65b6693d5441659dd1088dd9659ed5_edge", source: "id-42cfe3f0c5b24e1ea277017f53a581c2", target: "id-e6768f3bbc82487d8754a392fdd0b929", type: "composition-relationship" } }, { group: "edges", data: { id: "id-085c3ef50f4a4aaf90df6c176b8e3986_edge", source: "id-2be956d2821448a98cd6fb56fc2216ae", target: "id-dd9a902443854c399acb02f7ce426e83", type: "access-relationship" } }, { group: "edges", data: { id: "id-d197ea2ba3b34b73819655210383a200_edge", source: "id-c4b9adbe4d584a16aaf0761162478014", target: "id-dd9a902443854c399acb02f7ce426e83", type: "access-relationship" } }, { group: "edges", data: { id: "id-c53ac622fec5465a99781a1c57d89d10_edge", source: "id-7e850fec265d42c190cc5ff48ad2e976", target: "id-715646c27abc4d88815b5837b03eb237", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-dbeb7d6814a840f8b76ae633ce31d4c0_edge", source: "id-f3c1a8a65e374efdb6609584e27a6827", target: "id-e6768f3bbc82487d8754a392fdd0b929", type: "access-relationship" } }, { group: "edges", data: { id: "id-f6f35bb1796646b699644f235d26b68c_edge", source: "id-7e850fec265d42c190cc5ff48ad2e976", target: "id-8c07e08099594a8f964351e0785918bc", type: "assignment-relationship" } }, { group: "edges", data: { id: "id-65989b7a671a47b0b10aae21a05ea7b8_edge", source: "id-42cfe3f0c5b24e1ea277017f53a581c2", target: "id-e78cb6a65e9f4481b5c0b0e84c6bcf94", type: "composition-relationship" } }, { group: "edges", data: { id: "id-77b76558ca764b98840f77ae72310ba4_edge", source: "id-8bf4e159620b487180207134cb498627", target: "id-ae917ecab7774834bb5bd9b72d7618c3", type: "realization-relationship" } }, { group: "edges", data: { id: "id-dd334d48af674456a98c9ee824863d8e_edge", source: "id-8c07e08099594a8f964351e0785918bc", target: "id-2be956d2821448a98cd6fb56fc2216ae", type: "realization-relationship" } }, { group: "edges", data: { id: "id-ebd65f9dabb14483bc52f3141dfb5460_edge", source: "id-b6f74ac75d114ab699be8ec9388d8e99", target: "id-6fe2800349b247ccb286d8c4a58c3d9b", type: "assignment-relationship" } }, { group: "edges", data: { id: "id-dddcbe31805c4544b520c62663d212fe_edge", source: "id-ae917ecab7774834bb5bd9b72d7618c3", target: "id-10618dff43d94734837574330a522b5d", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-50e9b51bc28e4a688f0a8b6e54568785_edge", source: "id-f6529149722045d8a8f9025039be5af6", target: "id-8bf4e159620b487180207134cb498627", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-33b63bf35df94be3a8c622b38305e2ab_edge", source: "id-d68adbf9268d4b68abcd6388cb5e8f64", target: "id-e6768f3bbc82487d8754a392fdd0b929", type: "access-relationship" } }, { group: "edges", data: { id: "id-0dbc3c7715134b66b27c591900dc8567_edge", source: "id-f3c1a8a65e374efdb6609584e27a6827", target: "id-48f0e6f4fcad4e9e9223ab1046e53a30", type: "assignment-relationship" } }, { group: "edges", data: { id: "id-d1b922437dc943558ce29c5534bdfee6_edge", source: "id-f6529149722045d8a8f9025039be5af6", target: "id-c4b9adbe4d584a16aaf0761162478014", type: "realization-relationship" } }, { group: "edges", data: { id: "id-7d6d2aa7db964c94a11f848881578b84_edge", source: "id-ac8be649149644d1b1ef9c26639d7fad", target: "id-d31e5758f16141a19d43f345e0f8ce48", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-afb38d8a1a354410a56512b79e29a9ff_edge", source: "id-0455d8bb02a345788f4d88dc2dd25db6", target: "id-1144c8c5872c45f88b46dafb03849cdd", type: "composition-relationship" } }, { group: "edges", data: { id: "id-3ae91ea4515e4e73955aca4422067ac5_edge", source: "id-e78cb6a65e9f4481b5c0b0e84c6bcf94", target: "id-a8e5c09f306e4cb8ba18454963713e1a", type: "composition-relationship" } }, { group: "edges", data: { id: "id-ce0791b918c246c589343139a0d21f2c_edge", source: "id-0455d8bb02a345788f4d88dc2dd25db6", target: "id-cb91b50ca372465f8514d6aec8a3299d", type: "composition-relationship" } }, { group: "edges", data: { id: "id-0e421ffdf7b84cd984f3572aadf79d6a_edge", source: "id-b6f74ac75d114ab699be8ec9388d8e99", target: "id-e6768f3bbc82487d8754a392fdd0b929", type: "access-relationship" } }, { group: "edges", data: { id: "id-1104584613a24b64955f8610bc03b2d5_edge", source: "id-ae917ecab7774834bb5bd9b72d7618c3", target: "id-f6529149722045d8a8f9025039be5af6", type: "realization-relationship" } }, { group: "edges", data: { id: "id-d3c392670d504b0f83d25e1e55b0bd80_edge", source: "id-34b544f11e7345689ddd5800a4deb2c1", target: "id-8c07e08099594a8f964351e0785918bc", type: "realization-relationship" } }, { group: "edges", data: { id: "id-a0bc314915b84e13a6246489020b494d_edge", source: "id-715646c27abc4d88815b5837b03eb237", target: "id-56f8cf5b7c864ff08f45b2e00e0c2a5a", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-6fe4bd371444429ea0c21dbf408b3bcb_edge", source: "id-715646c27abc4d88815b5837b03eb237", target: "id-767e9a26a77945e48ba3975ff41bb93e", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-160bae8cedd34080b13079be01b07aa3_edge", source: "id-166a3d8718a44b2d9c18636ba5988b8c", target: "id-c4b9adbe4d584a16aaf0761162478014", type: "realization-relationship" } }, { group: "edges", data: { id: "id-4dc2f9ceb5a746079468b228f9ab211a_edge", source: "id-c4b9adbe4d584a16aaf0761162478014", target: "id-a8e5c09f306e4cb8ba18454963713e1a", type: "access-relationship" } }, { group: "edges", data: { id: "id-c5c11c2d069a45d3b190f6ca75b606ed_edge", source: "id-ae917ecab7774834bb5bd9b72d7618c3", target: "id-ac8be649149644d1b1ef9c26639d7fad", type: "composition-relationship" } }, { group: "edges", data: { id: "id-9169202592de42d3b769a59f2b64f688_edge", source: "id-d68adbf9268d4b68abcd6388cb5e8f64", target: "id-1031b57aca1149ff921ad4eaa2c05fc6", type: "assignment-relationship" } }, { group: "edges", data: { id: "id-16ea0af952114f00a0ce19205aea91e3_edge", source: "id-451f98f38d5f4f9aa84aa1040d2f54ee", target: "id-29e7c104a402499eb7a37aea7c0510c1", type: "realization-relationship" } }, { group: "edges", data: { id: "id-860ec2116dd0402086f05012cf30f29b_edge", source: "id-ae917ecab7774834bb5bd9b72d7618c3", target: "id-166a3d8718a44b2d9c18636ba5988b8c", type: "realization-relationship" } }, { group: "edges", data: { id: "id-1a1cadab15a3406ca6bdae2d35ec88c7_edge", source: "id-29e7c104a402499eb7a37aea7c0510c1", target: "id-2be956d2821448a98cd6fb56fc2216ae", type: "realization-relationship" } }, { group: "edges", data: { id: "id-1e4600750f734d3a92c5374613461297_edge", source: "id-c4b9adbe4d584a16aaf0761162478014", target: "id-bbf6d68ec5194abc8caa885bc7e22f4c", type: "realization-relationship" } }, { group: "edges", data: { id: "id-08529f0db35a4c22875254b3cdf491c8_edge", source: "id-715646c27abc4d88815b5837b03eb237", target: "id-34b544f11e7345689ddd5800a4deb2c1", type: "aggregation-relationship" } }, { group: "edges", data: { id: "id-c92cf8d4ae1e4f54a8a4d811f758aad7_edge", source: "id-21f2992200f846febdca2f1f0ddffb3e", target: "id-715646c27abc4d88815b5837b03eb237", type: "access-relationship" } }, { group: "edges", data: { id: "id-6f5a745ea30c452fb6aa25ed0501658e_edge", source: "id-ac58137ccc694e998e1fc1af6242310d", target: "id-451f98f38d5f4f9aa84aa1040d2f54ee", type: "realization-relationship" } }, { group: "edges", data: { id: "id-ed85da075ab94aa3bdefb8a0e3705081_edge", source: "id-ae917ecab7774834bb5bd9b72d7618c3", target: "id-d31e5758f16141a19d43f345e0f8ce48", type: "composition-relationship" } }, { group: "edges", data: { id: "id-c2d3fb941a2a418cb2bf3c77bc450fdf_edge", source: "id-7e850fec265d42c190cc5ff48ad2e976", target: "id-ae917ecab7774834bb5bd9b72d7618c3", type: "composition-relationship" } }, { group: "edges", data: { id: "id-0e26f4b295304a2ab4561e72cf8db8fa_edge", source: "id-451f98f38d5f4f9aa84aa1040d2f54ee", target: "id-21f2992200f846febdca2f1f0ddffb3e", type: "composition-relationship" } }, { group: "edges", data: { id: "id-6009f50c48ab473b86afa2076d2d1d49_edge", source: "id-0455d8bb02a345788f4d88dc2dd25db6", target: "id-dd9a902443854c399acb02f7ce426e83", type: "composition-relationship" } } ]3b:T8e8,function renderEdge(ele) { var sourceArrowShape = "none"; var sourceArrowColor = "black"; var sourceArrowFill = "fill"; var targetArrowShape = "none"; var targetArrowColor = "black"; var targetArrowFill = "fill"; var sourceArrowShape = "none"; var lineStyle = "solid"; var midSourceArrowShape = "none"; var midSourceArrowColor = "black"; var lineDashPattern = [5, 5]; var label = undefined; label = ele.data("label"); switch (ele.data("type")) { case "realization-relationship": targetArrowShape = "triangle"; targetArrowFill = "hollow"; lineStyle = "dashed"; break; case "specialization-relationship": targetArrowShape = "triangle"; targetArrowFill = "hollow"; break; case "triggering-relationship": targetArrowShape = "triangle"; break; case "flow-relationship": targetArrowShape = "triangle"; lineStyle = "dashed"; lineDashPattern = [10, 10]; break; case "serving-relationship": targetArrowShape = "chevron"; break; case "influence-relationship": targetArrowShape = "chevron"; lineStyle = "dashed"; lineDashPattern = [10, 10]; break; case "assignment-relationship": targetArrowShape = "chevron"; sourceArrowShape = "circle"; break; case "access-relationship": lineStyle = "dashed"; // midSourceArrowShape = "triangle"; break; case "aggregation-relationship": sourceArrowShape = "diamond"; sourceArrowFill = "hollow"; break; case "composition-relationship": sourceArrowShape = "diamond"; sourceArrowFill = "filled"; break; case "association-relationship": midSourceArrowShape = "triangle"; break; default: break; } return { sourceArrowShape: sourceArrowShape, sourceArrowColor: sourceArrowColor, sourceArrowFill: sourceArrowFill, targetArrowShape: targetArrowShape, targetArrowColor: targetArrowColor, targetArrowFill: targetArrowFill, sourceArrowShape: sourceArrowShape, lineStyle: lineStyle, midSourceArrowShape: midSourceArrowShape, midSourceArrowColor: midSourceArrowColor, lineDashPattern: lineDashPattern, label: label }; }3c:[] 32:{"id":"ce9f031c3c8aa446","slug":"archimate-universe-as-a-compound-graph","title":"ArchiMate Universe as a Compound Graph","thumbnail":"c0a49b952c730658338e70af0f03312ef02d09af975e08553b8b546a684bea55","access_level":"public","create_time":"$D2021-12-23T11:30:02.807Z","update_time":"$D2022-03-26T12:11:25.878Z","view_time":null,"first_public_time":"$D2021-12-23T11:31:32.875Z","fork":{"id":"dd737a625f3f66ac","slug":"when-archimate-models-meets-compound-constrained-graphs-w","title":"When ArchiMate Models meets Compound constrained graphs with CytoscapeCola","owner":{"id":"37f7a7f77e187b5e","login":"nfigay","name":"Figay"}},"stars":0,"starred":false,"owner":{"type":"team","id":"37f7a7f77e187b5e","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/071fc1ce1d8fbec71d4409987642a0c881b8a3651627b51e2cdaa7fcde295a10","tier":"starter_2024"},"version":1832,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"71983294fb89ee80","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/604017b640b1f50c2b41a96fcf316faa227738b7b2b4d0f6221ace789ebbfd42","tier":null}],"members":[{"type":"individual","id":"71983294fb89ee80","login":"nfigay","name":"Figay","avatar_url":"https://avatars-next.observableusercontent.com/604017b640b1f50c2b41a96fcf316faa227738b7b2b4d0f6221ace789ebbfd42","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"af457bad8ad84538","slug":"archimatecg","title":"ArchiCG","owner":{"id":"37f7a7f77e187b5e","login":"nfigay","name":"Figay"}},"type":"notebook","body":{"title":"ArchiMate Universe as a Compound Graph","cells":[{"id":0,"value":"

ArchiMate Universe as a Compound Graph

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1564,"value":"

The ArchiMate Language

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1394,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1405,"value":"Modeling tools are managing consistently models and views, views being diagrams with visual elements representing the model elements. The elements other than relationships are represented by nodes, and the relationships are represented by arcs or edges with specific forms according to the type of element. All model elements may have data properties, typed or untyped according to the kind of platform. Object properties not necessarily supported.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1410,"value":"Some tools, in addition to diagrams, are proposing graph visualization, applied to the model (and not to views) Archi is proposing such functionality, with the ability to filter the displayed graph.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1568,"value":"

Advanced Compound Graph Visualization

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1415,"value":"However, visualization could be applied to more than the model content in order to support the architects' activity, and not restricted to display flat graphs when willing to deal with compound visual elements in order to reflect decomposition and hierarchies. Very few solutions support such visualization combined with automated layouts and rich interaction with the graph elements. One of the most advanced technology was proposed by the Chisel Group, with Shrimp. The visualization approach was adapted to ontologies with Protégé 3.x Jambalaya plugin and with Java code with the Creole Eclipse plugin. Unfortunately, with evolution of technologies, these solutions became obsolete.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1419,"value":"The last versions of Cytoscape.js have been evolving in order to support not only bioinformatic domain, but also other domains such as social network analysis and semantic web. Combined with semantic cartographies relying on visual languages, such as UML, SysML, BPMN or ArchiMate, opportunities also exist to image new way of modeling which are more interactive and allow to switch from flat graph visualization to compound graph modeling, as initially supported by Shrimp, proposing a 2,5 dimension visualization.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1575,"value":"

ArchiMateCG: ArchiMate on top of Cytoscape.js

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1423,"value":"ArchiMateCG is a prototype for experimenting ArchiMate Modeling and ArchiMate model analysis relying on Cytoscape Compound Graphs. It aims at providing a proof of concept and a proof of value for ArchiMate based Enterprise Architecture supporting continuous transformation and governance of the Enterprise Digital Working environment, and Digital Business Ecosystems.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1427,"value":"ArchiMate Universe is a ArchiMateCG model, aiming at describing and explaining ArchiMate, associated usage and related implementation, to the different kind of stakeholders who can make advantage of ArchiMate. The added value of usage of Cytoscape Compound Graphs is to provide an easy way to explore a complex modular representation of composite systems, with different levels of granularity, or multi-scale models.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1431,"value":"ArchiMateCG and ArchiMate Universe Model will progressively be enriched, driven by value and relying on experience and feedback of their users.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1436,"value":"ArchiMateCG is also aiming at studying, exploring and demonstrating the concept of hypermodels extended for interoperability, which have been applied to ISO 10303 STEP Application protocols and ArchiMate. Many LinkedIn articles and research papers have been written on the topic.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"graph = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1055,"value":"coloredProperty = \"ACType\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"{\n var result = Swatches(propertyValueColors, {\n columns: \"180px\"\n });\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":897,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1364,"value":"myGraph = logicalModel //ArchiMateUniverse.concat(ArchiMateDefinitions) //modelFolders.concat(logicalModel) //logicalModel//CompoundGraph2 //ArchiMateUniverse.concat(ArchiMateDefinitions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":883,"value":"myDimensionsIncludeLabels = \"true\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1476,"value":"ArchiMateDef(\"artifact\").svg","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"import {\n ArchiMateCGSolution,\n CytoscapeExtensions,\n ArchiMateUniverse,\n ASD_DMN,\n myProduct,\n items,\n packages4CSS,\n specializedActorsitems,\n specializedActorsitems2,\n ArchiMateDefinitions\n} from \"@nfigay/archimatecg-data-sets\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"myLayout = \"fcose\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1625,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1636,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1765,"value":"nodes = [\n\n {\n data: { id: 1, type: \"artifact\", label: \"node1\" },\n position: { x: 210, y: 60 }\n },\n {\n data: { id: 2, type: \"artifact\", label: \"node2\" },\n position: { x: 30, y: 80 }\n },\n {\n data: { id: 3, type: \"artifact\", label: \"node3\" },\n position: { x: 100, y: 200 }\n },\n {\n data: { id: 4, type: \"artifact\", label: \"node4\" },\n position: { x: 105, y: 120 }\n },\n {\n data: { id: 5, type: \"artifact\", label: \"node5\" },\n position: { x: -20, y: 130 }\n },\n {\n data: { id: 6, type: \"artifact\", label: \"node6\" },\n position: { x: 45, y: 220 }\n },\n {\n data: { id: 7, type: \"artifact\", label: \"node7\" },\n position: { x: 250, y: 230 }\n },\n {\n data: { id: 8, type: \"artifact\", label: \"node8\" },\n position: { x: 210, y: 150 }\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1776,"value":"edges = [\n { data: { id: 12, source: 1, target: 2 } },\n { data: { id: 23, source: 2, target: 3 } },\n { data: { id: 56, source: 5, target: 6 } },\n { data: { id: 370, source: 3, target: 7 } },\n { data: { id: 371, source: 3, target: 7 } },\n { data: { id: 412, source: 4, target: 12 } },\n { data: { id: 413, source: 4, target: 13 } },\n { data: { id: 500, source: 23, target: 56 } },\n { data: { id: 837, source: 370, target: 8 } }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1702,"value":"toto(\"fkdsjflkqsj\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1697,"value":"function toto(ele) {\n return \"nicolas: \" + ele;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1352,"value":"

ArchiMateCG Code

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1483,"value":"

$\"\"$

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1455,"value":"ArchiMate(\"artifact\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1521,"value":"ArchiMateDef(\"artifact\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"function renderNode(ele) {\n console.log(ele.data(\"id\"));\n console.log(ele.type === undefined);\n const iconColor = \"blue\";\n const size = 50; // may need to calculate this yourself\n const iconResize = 1; // adjust this for more \"padding\" (bigger number = more smaller icon)\n var width = size;\n var height = size;\n const type = ele.data(\"type\");\n const archimate = ArchiMate(type);\n const specialization = ele.data(\"specialization\");\n const definition = ele.data(\"definition\");\n var icon = archimate.svg;\n const dColor = propertyColor(ele.data(coloredProperty));\n if (specialization === undefined) {\n } else {\n icon = ArchiMate(specialization).svg;\n }\n if (definition === undefined) {\n } else {\n icon = ArchiMateDef(type).svg;\n height = ArchiMateDef(type).height;\n width = ArchiMateDef(type).width;\n }\n\n return {\n icon: icon,\n height,\n width,\n dColor\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":934,"value":"function getEdgeOptions() {\n const groupEdgesOfSameTypeOnCollapse = document.getElementById(\"groupEdges\")\n .checked;\n const allowNestedEdgeCollapse = document.getElementById(\n \"allowNestedEdgeCollapse\"\n ).checked;\n return {\n groupEdgesOfSameTypeOnCollapse: groupEdgesOfSameTypeOnCollapse,\n allowNestedEdgeCollapse: allowNestedEdgeCollapse\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"ArchiMateCG = require(\"cytoscape@3.21.0/dist/cytoscape.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"cytoscapeCola = (\n await import(\"https://cdn.skypack.dev/cytoscape-cola@2.5.0?min\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1585,"value":"d3force = (await import(\"https://cdn.skypack.dev/cytoscape-d3-force@1.1.4?min\"))\n .default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1596,"value":"ngraph = (\n await import(\"https://cdn.skypack.dev/cytoscape-ngraph.forcelayout@1.3.9?min\")\n).default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"fcose = (await import(\"https://cdn.skypack.dev/cytoscape-fcose@latest\")).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"edgeConnections = (await import(\n \"https://cdn.skypack.dev/cytoscape-edge-connections@latest@min\"\n)).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"expandCollapse = (\n await import(\"https://cdn.skypack.dev/cytoscape-expand-collapse@latest@min\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":661,"value":"ctxmenu = (\n await import(\n \"https://cdn.skypack.dev/pin/cytoscape-cxtmenu@v3.4.0-DDym3T9qq4N2q728pLCg/mode=imports,min/optimized/cytoscape-cxtmenu.js\"\n )\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"import { ArchiMate, ArchiMateDef } from \"@nfigay/archimate\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":950,"value":"propertyValueColors = d3.scaleOrdinal(\n [\"active\", \"passive\", \"behavioral\", undefined],\n d3.schemeTableau10\n // [\"red\", \"blue\", \"green\", \"white\"]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":952,"value":"propertyColor = d3.scaleOrdinal(\n propertyValueColors.domain(),\n propertyValueColors.range()\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1758,"value":"propertyColor(\"passive\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":940,"value":"import { Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1382,"value":"nonMaxWidth = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1684,"value":"https://www.w3.org/2011/10/integration-workshop/s/ExperienceswithJSONandXMLTransformations.v08.pdf\n\nhttps://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html\n\nhttps://www.balisage.net/Proceedings/vol7/html/Lee01/BalisageVol7-Lee01.html","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1761,"value":"Saving files in javascript\n\nhttps://code-boxx.com/create-save-files-javascript/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1798,"value":"The different javascript data structures\n\nhttps://www.freecodecamp.org/news/how-to-use-javascript-collections-map-and-set/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1813,"value":"Parsin in Javascript \n\nhttps://tomassetti.me/parsing-in-javascript/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1817,"value":"For in and in with javascript \n\nhttps://javascriptweblog.wordpress.com/2011/01/04/exploring-javascript-for-in-loops/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1823,"value":"simplify foreach in javascript with map, reduce and filter https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1827,"value":"add tips with cytoscape.js https://stackoverflow.com/questions/58899397/tooltip-with-cytoscape-js-and-angular8","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W3c","stdlib":"1","titling":"auto"}} 33:"$32:body"