Spaces:
Running
Running
Upload 11 files
Browse files- computer_science_processes.html +23 -100
computer_science_processes.html
CHANGED
|
@@ -109,109 +109,22 @@
|
|
| 109 |
<div class="figure">
|
| 110 |
<div class="mermaid">
|
| 111 |
graph TD
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
C
|
| 116 |
-
|
|
|
|
|
|
|
| 117 |
|
| 118 |
-
%% Data Structure Setup
|
| 119 |
-
B --> G[Array Initialization]
|
| 120 |
-
D --> H[QuickSort Algorithm Selection]
|
| 121 |
-
F --> I[Memory Allocation]
|
| 122 |
-
|
| 123 |
-
%% Algorithm Initialization
|
| 124 |
-
G --> J[Array Copy to Working Memory]
|
| 125 |
-
H --> K[Pivot Selection Strategy]
|
| 126 |
-
I --> L[Stack Space Allocation]
|
| 127 |
-
|
| 128 |
-
%% First Partitioning Step
|
| 129 |
-
J --> M[Choose Pivot 5]
|
| 130 |
-
K --> N[Partitioning Logic Setup]
|
| 131 |
-
L --> O[Recursive Call Stack]
|
| 132 |
-
|
| 133 |
-
%% Partitioning Process
|
| 134 |
-
M --> P[Compare Elements to Pivot]
|
| 135 |
-
P --> Q[Element Swapping Operations]
|
| 136 |
-
Q --> R[Partition Boundary Tracking]
|
| 137 |
-
|
| 138 |
-
%% Sub-array Processing
|
| 139 |
-
R --> S[Left Sub-array 2,1]
|
| 140 |
-
R --> T[Right Sub-array 8,9]
|
| 141 |
-
O --> U[Recursive Function Calls]
|
| 142 |
-
|
| 143 |
-
%% Left Sub-array Sorting
|
| 144 |
-
S --> V[Pivot Selection 2]
|
| 145 |
-
V --> W[Partitioning 1 and 2]
|
| 146 |
-
W --> X[Base Case Single Element]
|
| 147 |
-
|
| 148 |
-
%% Right Sub-array Sorting
|
| 149 |
-
T --> Y[Pivot Selection 8]
|
| 150 |
-
Y --> Z[Partitioning 8,9]
|
| 151 |
-
Z --> AA[Recursive Sort 8,9]
|
| 152 |
-
|
| 153 |
-
%% Merge and Combine
|
| 154 |
-
X --> BB[Sorted Left 1,2]
|
| 155 |
-
AA --> CC[Sorted Right 8,9]
|
| 156 |
-
BB --> DD[Combine Results]
|
| 157 |
-
CC --> DD
|
| 158 |
-
|
| 159 |
-
%% Final Assembly
|
| 160 |
-
DD --> EE[Final Sorted Array 1,2,5,8,9]
|
| 161 |
-
EE --> FF[Algorithm Completion]
|
| 162 |
-
FF --> GG[Performance Metrics Calculation]
|
| 163 |
-
|
| 164 |
-
%% Complexity Analysis
|
| 165 |
-
GG --> HH[Time Complexity O(n log n)]
|
| 166 |
-
GG --> II[Space Complexity O(log n)]
|
| 167 |
-
GG --> JJ[Stability Assessment Unstable]
|
| 168 |
-
|
| 169 |
-
%% Styling - Computer Science Color Scheme
|
| 170 |
-
%% Red: Inputs & Triggers
|
| 171 |
style A fill:#ff6b6b,color:#fff
|
| 172 |
-
style C fill:#ff6b6b,color:#fff
|
| 173 |
-
style E fill:#ff6b6b,color:#fff
|
| 174 |
-
|
| 175 |
-
%% Yellow: Structures & Objects
|
| 176 |
style B fill:#ffd43b,color:#000
|
| 177 |
-
style
|
| 178 |
-
style
|
| 179 |
-
style
|
| 180 |
-
style
|
| 181 |
-
style
|
| 182 |
-
|
| 183 |
-
style K fill:#ffd43b,color:#000
|
| 184 |
-
style L fill:#ffd43b,color:#000
|
| 185 |
-
style M fill:#ffd43b,color:#000
|
| 186 |
-
style N fill:#ffd43b,color:#000
|
| 187 |
-
style O fill:#ffd43b,color:#000
|
| 188 |
-
style V fill:#ffd43b,color:#000
|
| 189 |
-
style Y fill:#ffd43b,color:#000
|
| 190 |
-
|
| 191 |
-
%% Green: Processing & Operations
|
| 192 |
-
style P fill:#51cf66,color:#fff
|
| 193 |
-
style Q fill:#51cf66,color:#fff
|
| 194 |
-
style R fill:#51cf66,color:#fff
|
| 195 |
-
style W fill:#51cf66,color:#fff
|
| 196 |
-
style Z fill:#51cf66,color:#fff
|
| 197 |
-
style AA fill:#51cf66,color:#fff
|
| 198 |
-
style DD fill:#51cf66,color:#fff
|
| 199 |
-
style GG fill:#51cf66,color:#fff
|
| 200 |
-
style HH fill:#51cf66,color:#fff
|
| 201 |
-
style II fill:#51cf66,color:#fff
|
| 202 |
-
style JJ fill:#51cf66,color:#fff
|
| 203 |
-
|
| 204 |
-
%% Blue: Intermediates & States
|
| 205 |
-
style S fill:#74c0fc,color:#fff
|
| 206 |
-
style T fill:#74c0fc,color:#fff
|
| 207 |
-
style U fill:#74c0fc,color:#fff
|
| 208 |
-
style X fill:#74c0fc,color:#fff
|
| 209 |
-
style BB fill:#74c0fc,color:#fff
|
| 210 |
-
style CC fill:#74c0fc,color:#fff
|
| 211 |
-
style FF fill:#74c0fc,color:#fff
|
| 212 |
-
|
| 213 |
-
%% Violet: Products & Outputs
|
| 214 |
-
style EE fill:#b197fc,color:#fff
|
| 215 |
</div>
|
| 216 |
<div class="color-legend">
|
| 217 |
<span><span class="color-box" style="background:#ff6b6b;"></span>Inputs & Data</span>
|
|
@@ -574,6 +487,16 @@ graph TD
|
|
| 574 |
<strong>Figure 5.</strong> Memory Management Process. This computer science process visualization demonstrates the computational logic of memory management systems. The flowchart shows memory request analysis, free block search, allocation strategy, block management, and memory cleanup operations.
|
| 575 |
</div>
|
| 576 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 577 |
</div>
|
| 578 |
</body>
|
| 579 |
</html>
|
|
|
|
| 109 |
<div class="figure">
|
| 110 |
<div class="mermaid">
|
| 111 |
graph TD
|
| 112 |
+
A[Input Array] --> B[Choose Pivot]
|
| 113 |
+
B --> C[Partition Array]
|
| 114 |
+
C --> D[Recursive Sort Left]
|
| 115 |
+
C --> E[Recursive Sort Right]
|
| 116 |
+
D --> F[Merge Results]
|
| 117 |
+
E --> F
|
| 118 |
+
F --> G[Sorted Array]
|
| 119 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 120 |
style A fill:#ff6b6b,color:#fff
|
|
|
|
|
|
|
|
|
|
|
|
|
| 121 |
style B fill:#ffd43b,color:#000
|
| 122 |
+
style C fill:#51cf66,color:#fff
|
| 123 |
+
style D fill:#74c0fc,color:#fff
|
| 124 |
+
style E fill:#74c0fc,color:#fff
|
| 125 |
+
style F fill:#51cf66,color:#fff
|
| 126 |
+
style G fill:#b197fc,color:#fff
|
| 127 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 128 |
</div>
|
| 129 |
<div class="color-legend">
|
| 130 |
<span><span class="color-box" style="background:#ff6b6b;"></span>Inputs & Data</span>
|
|
|
|
| 487 |
<strong>Figure 5.</strong> Memory Management Process. This computer science process visualization demonstrates the computational logic of memory management systems. The flowchart shows memory request analysis, free block search, allocation strategy, block management, and memory cleanup operations.
|
| 488 |
</div>
|
| 489 |
</div>
|
| 490 |
+
|
| 491 |
+
<div style="margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;">
|
| 492 |
+
<h3 style="margin-top: 0; color: #007bff;">Contact Information</h3>
|
| 493 |
+
<p style="margin-bottom: 0.5rem;"><strong>Gary Welz</strong></p>
|
| 494 |
+
<p style="margin-bottom: 0.5rem;">Retired Faculty Member</p>
|
| 495 |
+
<p style="margin-bottom: 0.5rem;">John Jay College, CUNY (Department of Mathematics and Computer Science)</p>
|
| 496 |
+
<p style="margin-bottom: 0.5rem;">Borough of Manhattan Community College, CUNY</p>
|
| 497 |
+
<p style="margin-bottom: 0.5rem;">CUNY Graduate Center (New Media Lab)</p>
|
| 498 |
+
<p style="margin-bottom: 0;"><strong>Email:</strong> gwelz@jjay.cuny.edu</p>
|
| 499 |
+
</div>
|
| 500 |
</div>
|
| 501 |
</body>
|
| 502 |
</html>
|