mermaid

Here are the diagrams in your workspace, converted to mermaid format.

You can click the buttons to render individual diagrams, or render all diagrams. Please note that editing, viewing or rendering diagrams will send your diagram content to https://mermaidjs.github.io/mermaid-live-editor.

Financial Risk System - System Context

An example System Context diagram for the Financial Risk System architecture kata.

Download (raw) Download (encoded) Edit at https://mermaidjs.github.io/mermaid-live-editor View at https://mermaidjs.github.io/mermaid-live-editor

graph TB
  2("<div style='background: #d46a6a; color: #ffffff'><b>Business User</b><br /><sup>[Person]</sup><br />A regular business user.</div>")
  style 2 fill:#d46a6a
  4("<div style='background: #d46a6a; color: #ffffff'><b>Configuration User</b><br /><sup>[Person]</sup><br />A regular business user who<br />can also configure the<br />parameters used in the risk<br />calculations.</div>")
  style 4 fill:#d46a6a
  17("<div style='background: #801515; color: #ffffff'><b>Active Directory</b><br /><sup>[Software System]</sup><br />The bank's authentication and<br />authorisation system.</div>")
  style 17 fill:#801515
  15("<div style='background: #801515; color: #ffffff'><b>Central Monitoring Service</b><br /><sup>[Software System]</sup><br />The bank's central monitoring<br />and alerting dashboard.</div>")
  style 15 fill:#801515
  12("<div style='background: #801515; color: #ffffff'><b>E-mail system</b><br /><sup>[Software System]</sup><br />The bank's Microsoft Exchange<br />system.</div>")
  style 12 fill:#801515
  1("<div style='background: #550000; color: #ffffff'><b>Financial Risk System</b><br /><sup>[Software System]</sup><br />Calculates the bank's<br />exposure to risk for product<br />X.</div>")
  style 1 fill:#550000
  8("<div style='background: #801515; color: #ffffff'><b>Reference Data System</b><br /><sup>[Software System]</sup><br />Manages reference data for<br />all counterparties the bank<br />interacts with.</div>")
  style 8 fill:#801515
  10("<div style='background: #801515; color: #ffffff'><b>Reference Data System v2.0</b><br /><sup>[Software System]</sup><br />Manages reference data for<br />all counterparties the bank<br />interacts with.</div>")
  style 10 fill:#801515
  6("<div style='background: #801515; color: #ffffff'><b>Trade Data System</b><br /><sup>[Software System]</sup><br />The system of record for<br />trades of type X.</div>")
  style 6 fill:#801515
  2-. "<b>Views reports using</b><br /><sup></sup>" .->1
  4-. "<b>Configures parameters using</b><br /><sup></sup>" .->1
  12-. "<b>Sends a notification that a<br />report is ready to</b><br /><sup>[E-mail message]</sup>" .->2
  1-. "<b>Uses for user authentication<br />and authorisation</b><br /><sup></sup>" .->17
  1-. "<b>Sends critical failure alerts<br />to</b><br /><sup>[SNMP]</sup>" .->15
  1-. "<b>Sends a notification that a<br />report is ready to</b><br /><sup></sup>" .->12
  1-. "<b>Gets counterparty data from</b><br /><sup></sup>" .->8
  1-. "<b>Gets counterparty data from</b><br /><sup></sup>" .->10
  1-. "<b>Gets trade data from</b><br /><sup></sup>" .->6

(please note that this will send your diagram content to https://mermaidjs.github.io/mermaid-live-editor)