update manually drawn pictures

Author: akashzcoder

blogs/machine_learning.html

@@ -68,15 +68,18 @@ <h5 class="w3-center w3-padding-64"><span class="w3-tag w3-wide">ARCHITECTURE OF
             <p>I will start-off by writing some of the most commonly used design architectures:
             <ol>
                <li>
-                  <b>Reactive Style:</b>
+                  <b>Reactive Architecture:</b>
                   Properties of a reactive system: <br>
                   <ul>
                      <li><i>Responsive:</i> A responsive system provides rapid and consistent response times, establishing reliable upper bounds so they deliver reliable quality product.</li>
                      <li><i>Resilient:</i> The system stays responsive in case of failure. Resilience is achieved by replication, containment, isolation and delegation. Failures are contained within each component, isolating components from each other and thereby ensuring that parts of the system can fail and recover without compromising the system as a whole. Recovery of each component is delegated to another (external) component and high-availability is ensured by replication where necessary. The client of a component is not burdened with handling its failures.</li>
                      <li><i>Elastic:</i> The system stays responsive under varying workload. </li>
                      <li><i>Message Driven:</i> Reactive Systems rely on asynchronous message-passing to establish a boundary between components that ensures loose coupling, isolation and location transparency. This boundary also provides the means to delegate failures as messages. Employing explicit message-passing enables load management, elasticity, and flow control by shaping and monitoring the message queues in the system and applying back-pressure when necessary. Location transparent messaging as a means of communication makes it possible for the management of failure to work with the same constructs and semantics across a cluster or within a single host. Non-blocking communication allows recipients to only consume resources while active, leading to less system overhead.</li>
                   </ul>
-                  <center><img src="./img/reactive_design.png" style="width:400%;max-width:400px"></center>
+                  <figure>
+                  <center><img src="./img/reactive_design.png" style="width:400%;max-width:400px">
+                     <figcaption>Fig.1 - Reactive Architecture</figcaption></center>
+                  </figure>
                </li>
                <br>
                <li>
@@ -97,8 +100,11 @@ <h5 class="w3-center w3-padding-64"><span class="w3-tag w3-wide">ARCHITECTURE OF
                <li>
                   <b>Lambda Architecture:</b>
                   The Lambda (λ) Architecture is designed to handle both real-time and historically aggregated batched data in an integrated fashion. It separates the duties of real-time and batch processing while query layers present a unified view of all of the data. The concept is simple: When data is generated, it is processed before stored, so analysis can include data generated in the last second, the last minute, or the last hour by only processing the incoming data — not all the data.
-                  This is by far the most commonly used architecture
-                  <center><img src="./img/lambda.jpg" style="width:400%;max-width:400px"></center>
+                  This is by far the most commonly used architecture in machine learning where data is considered as the first class entity in the entire architecture. Shown below is the diagram reflective upon a superficial example of this setup.
+                  <figure>
+                  <center><img src="./img/lambda.jpg" style="width:400%;max-width:400px">
+                  <figcaption>Fig.2 - Lambda Architecture</figcaption></center>
+                  </figure>
                </li>
                <br>
                <li>

index.html

@@ -535,7 +535,7 @@ <h5>
                             <div class="container">
                                 <h3>Academic Writings</h3>
                                 <div class="card">
-                                    <div class="card-header">Being a Data Scientist with Software Engineering Skills<a href="blogs/machine_learning.html">Link</a></div>
+                                    <div class="card-header"><a href="blogs/machine_learning.html">Machine Learning Based Architectures</a></div>
                                 </div>
                             </div>
                             <div class="container">