Update plot rendering to use 'solutionPlot' div and enhance documentation for clarity

Author: nikoscham

tutorialSolidHeatTransfer01/tutorialSolidHeatTransfer01.html

@@ -233,7 +233,7 @@ <h2 id="solvingwithfeascript">
           // Assemble matrices and solve the system of equations
           let { solutionVector, nodesCoordinates } = FEAScript(solverConfig, meshConfig, boundaryConditionsConfig);
           // Visualize the solution
-          plotSolution(solutionVector, nodesCoordinates, solverConfig, meshConfig.meshDimension, "contour");
+          plotSolution(solutionVector, nodesCoordinates, solverConfig, meshConfig.meshDimension, "contour", "solutionPlot");
         });
     &lt;/script&gt;
     . . .
@@ -246,18 +246,23 @@ <h2 id="solvingwithfeascript">
     <pre class="prettyprint">
 &lt;body&gt;
     . . .
-    &lt;div id="plot">&lt;/div&gt;
+    &lt;div id="solutionPlot">&lt;/div&gt;
     . . .
 &lt;/body&gt;</pre
     >
-    <br />
+    <p>
+      The `solutionPlot` is the id of the div where the plot will be rendered. This id
+      is passed as an argument to the plotSolution function to specify the
+      target div for the plot.
+    </p>
     <h2 id="results"><a name="Results"></a>Results</h2>
     <p>
       The results visualized in the following contour plot are generated
       real-time in your browser, according to the JSON files provided. The
       source code of the above tutorial can be found at the corresponding
       <a
-        href="https://github.com/FEAScript/FEAScript/tree/main/examples/solidHeatTransferScript/exampleSolidHeatTransfer01" target="_blank"
+        href="https://github.com/FEAScript/FEAScript/tree/main/examples/solidHeatTransferScript/exampleSolidHeatTransfer01"
+        target="_blank"
         >example directory</a
       >.
     </p>
@@ -267,10 +272,12 @@ <h2 id="results"><a name="Results"></a>Results</h2>
       Cannot draw the results. Please turn your phone to horizontal position to
       see the results.
     </div>
-    <div id="plot"></div>
+    <div id="solutionPlot"></div>
 
     <ul id="menu">
-      <li><a href="https://feascript.com/index.html" target="_blank">Return</a></li>
+      <li>
+        <a href="https://feascript.com/index.html" target="_blank">Return</a>
+      </li>
     </ul>
 
     <script>
@@ -343,10 +350,10 @@ <h2 id="results"><a name="Results"></a>Results</h2>
         if (window.innerHeight > window.innerWidth) {
           document.getElementById("orientation-message").style.display =
             "block";
-          document.getElementById("plot").style.display = "none";
+          document.getElementById("solutionPlot").style.display = "none";
         } else {
           document.getElementById("orientation-message").style.display = "none";
-          document.getElementById("plot").style.display = "block";
+          document.getElementById("solutionPlot").style.display = "block";
           // Print FEAScript version
           printVersion();
           // Assemble matrices and solve the system of equations
@@ -361,7 +368,8 @@ <h2 id="results"><a name="Results"></a>Results</h2>
             nodesCoordinates,
             solverConfig,
             meshConfig.meshDimension,
-            "contour"
+            "contour",
+            "solutionPlot"
           );
         }
       });
@@ -370,10 +378,10 @@ <h2 id="results"><a name="Results"></a>Results</h2>
         if (window.innerHeight > window.innerWidth) {
           document.getElementById("orientation-message").style.display =
             "block";
-          document.getElementById("plot").style.display = "none";
+          document.getElementById("solutionPlot").style.display = "none";
         } else {
           document.getElementById("orientation-message").style.display = "none";
-          document.getElementById("plot").style.display = "block";
+          document.getElementById("solutionPlot").style.display = "block";
           // Print FEAScript version
           printVersion();
           // Assemble matrices and solve the system of equations
@@ -388,7 +396,8 @@ <h2 id="results"><a name="Results"></a>Results</h2>
             nodesCoordinates,
             solverConfig,
             meshConfig.meshDimension,
-            "contour"
+            "contour",
+            "solutionPlot"
           );
         }
       });