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.

graph TB
  1("<div style='background: #0d4d4d; color: #ffffff'><b>University Staff</b><br /><sup>[Person]</sup><br />A staff member of the Contoso<br />University.</div>")
  style 1 fill:#0d4d4d
  2("<div style='background: #003333; color: #ffffff'><b>Contoso University</b><br /><sup>[Software System]</sup><br />Allows staff to view and<br />update student, course, and<br />instructor information.</div>")
  style 2 fill:#003333
  1-. "<b>uses</b><br /><sup></sup>" .->2

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

graph TB
  1("<div style='background: #0d4d4d; color: #ffffff'><b>University Staff</b><br /><sup>[Person]</sup><br />A staff member of the Contoso<br />University.</div>")
  style 1 fill:#0d4d4d
  subgraph "Contoso University"
    5("<div style='background: #226666; color: #ffffff'><b>Database</b><br /><sup>[Container]</sup><br />Stores information about<br />students, courses and<br />instructors</div>")
click 5 https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations "https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations"
    style 5 fill:#226666
    4("<div style='background: #226666; color: #ffffff'><b>Web Application</b><br /><sup>[Container]</sup><br />Allows staff to view and<br />update student, course, and<br />instructor information.</div>")
    style 4 fill:#226666
  end
  1-. "<b>Uses</b><br /><sup>[HTTPS]</sup>" .->4
  4-. "<b>Reads from and writes to</b><br /><sup></sup>" .->5

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

Contoso University - Web Application - Components

The components inside the Contoso University web application.

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

graph TB
  5("<div style='background: #226666; color: #ffffff'><b>Database</b><br /><sup>[Container]</sup><br />Stores information about<br />students, courses and<br />instructors</div>")
click 5 https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations "https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations"
  style 5 fill:#226666
  1("<div style='background: #0d4d4d; color: #ffffff'><b>University Staff</b><br /><sup>[Person]</sup><br />A staff member of the Contoso<br />University.</div>")
  style 1 fill:#0d4d4d
  subgraph "Web Application"
    9("<div style='background: #407f7f; color: #ffffff'><b>CourseController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
    style 9 fill:#407f7f
    10("<div style='background: #407f7f; color: #ffffff'><b>DepartmentController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
    style 10 fill:#407f7f
    11("<div style='background: #407f7f; color: #ffffff'><b>HomeController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
    style 11 fill:#407f7f
    12("<div style='background: #407f7f; color: #ffffff'><b>InstructorController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
    style 12 fill:#407f7f
    8("<div style='background: #407f7f; color: #ffffff'><b>SchoolContext</b><br /><sup>[Entity Framework DbContext]</sup><br /></div>")
    style 8 fill:#407f7f
    13("<div style='background: #407f7f; color: #ffffff'><b>StudentController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
    style 13 fill:#407f7f
  end
  9-. "<b></b><br /><sup></sup>" .->8
  10-. "<b></b><br /><sup></sup>" .->8
  11-. "<b></b><br /><sup></sup>" .->8
  12-. "<b></b><br /><sup></sup>" .->8
  8-. "<b>Reads from and writes to</b><br /><sup></sup>" .->5
  13-. "<b></b><br /><sup></sup>" .->8
  1-. "<b>uses</b><br /><sup></sup>" .->9
  1-. "<b>uses</b><br /><sup></sup>" .->10
  1-. "<b>uses</b><br /><sup></sup>" .->11
  1-. "<b>uses</b><br /><sup></sup>" .->12
  1-. "<b>uses</b><br /><sup></sup>" .->13

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

graph TB
  9("<div style='background: #407f7f; color: #ffffff'><b>CourseController</b><br /><sup>[ASP.NET MVC Controller]</sup><br /></div>")
  style 9 fill:#407f7f
  5("<div style='background: #226666; color: #ffffff'><b>Database</b><br /><sup>[Container]</sup><br />Stores information about<br />students, courses and<br />instructors</div>")
click 5 https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations "https://github.com/simonbrowndotje/ContosoUniversity/tree/master/ContosoUniversity/Migrations"
  style 5 fill:#226666
  8("<div style='background: #407f7f; color: #ffffff'><b>SchoolContext</b><br /><sup>[Entity Framework DbContext]</sup><br /></div>")
  style 8 fill:#407f7f
  1("<div style='background: #0d4d4d; color: #ffffff'><b>University Staff</b><br /><sup>[Person]</sup><br />A staff member of the Contoso<br />University.</div>")
  style 1 fill:#0d4d4d
  1-->|"<b>1. Requests the list of courses<br />from</b><br /><sup></sup>"|9
  9-->|"<b>2. Uses</b><br /><sup></sup>"|8
  8-->|"<b>3. Gets a list of courses from</b><br /><sup></sup>"|5

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