Skip to content

Commit 2c90391

Browse files
nikoschamnikoscham
committed
Add Heat Conduction in a Two-Dimensional Fin Tutorial to the FEAScript platform
1 parent 4772114 commit 2c90391

File tree

5 files changed

+188
-1
lines changed

5 files changed

+188
-1
lines changed

‎assets/Screenshot_20250428_082807.png‎

79.7 KB
Loading

‎assets/Screenshot_20250428_082825.png‎

10.9 KB
Loading

‎assets/Screenshot_20250428_082937.png‎

75.4 KB
Loading

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -246,7 +246,7 @@ <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
246246
>API (Web Worker)</a
247247
>
248248
|
249-
<a href="https://github.com/FEAScript/FEAScript-platform/tree/main/examples" target="_blank"
249+
<a href="https://feascript.com/tutorials/HeatConduction2DFinPlatform.html" target="_blank"
250250
>XML (Platform)</a
251251
>
252252
</li>

‎tutorials/HeatConduction2DFinPlatform.html‎

Lines changed: 187 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
1+
<!DOCTYPE html>
2+
3+
<!-- ______ ______ _____ _ _ -->
4+
<!-- | ____| ____| /\ / ____| (_) | | -->
5+
<!-- | |__ | |__ / \ | (___ ___ ____ _ ____ | |_ -->
6+
<!-- | __| | __| / /\ \ \___ \ / __| __| | _ \| __| -->
7+
<!-- | | | |____ / ____ \ ____) | (__| | | | |_) | | -->
8+
<!-- |_| |______/_/ \_\_____/ \___|_| |_| __/| | -->
9+
<!-- | | | | -->
10+
<!-- |_| | |_ -->
11+
<!-- Website: https://feascript.com/ \__| -->
12+
13+
<html>
14+
<head>
15+
<title>FEAScript: Heat Conduction in a Two-Dimensional Fin Tutorial (Visual Platform)</title>
16+
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
17+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
18+
<meta
19+
name="description"
20+
content="This tutorial demonstrates solving a steady-state heat transfer problem in a 2D rectangular domain using the FEAScript visual platform. The problem represents a typical cooling fin scenario, where the objective is to model heat conduction and understand temperature distribution under specific boundary conditions."
21+
/>
22+
<meta
23+
name="keywords"
24+
content="finite elements, fem, galerkin, cfd, computational mechanics, javascript, visual platform, no-code"
25+
/>
26+
<meta name="viewport" content="width=device-width" />
27+
<!-- Link to the CSS files -->
28+
<link href="../FEAScript-website.css" rel="stylesheet" type="text/css" />
29+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
30+
<!-- Import MathJax for writing equations -->
31+
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
32+
<script
33+
id="MathJax-script"
34+
async
35+
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
36+
></script>
37+
<!-- Import the run_prettify.js library for JavaScript code coloring -->
38+
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
39+
<style>
40+
#orientation-message {
41+
display: none;
42+
color: red;
43+
font-weight: bold;
44+
}
45+
.image-container {
46+
width: 100%;
47+
max-width: 800px;
48+
margin: 20px 0;
49+
text-align: center;
50+
}
51+
.image-container img {
52+
max-width: 100%;
53+
height: auto;
54+
border: 1px solid #ddd;
55+
border-radius: 4px;
56+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
57+
}
58+
.image-caption {
59+
margin-top: 8px;
60+
font-style: italic;
61+
color: #555;
62+
}
63+
</style>
64+
</head>
65+
66+
<!-- Google tag (gtag.js) -->
67+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1JPK0KLEC9"></script>
68+
<script>
69+
window.dataLayer = window.dataLayer || [];
70+
function gtag() {
71+
dataLayer.push(arguments);
72+
}
73+
gtag("js", new Date());
74+
75+
gtag("config", "G-1JPK0KLEC9");
76+
</script>
77+
78+
<body>
79+
<h1 class="top">
80+
<a href="../index.html">
81+
<img
82+
src="../assets/FEAScriptLogo.png"
83+
alt="FEAScript Logo"
84+
id="responsive-logo"
85+
style="vertical-align: middle"
86+
/>
87+
</a>
88+
</h1>
89+
<h1>Heat Conduction in a Two-Dimensional Fin (FEAScript-platform)</h1>
90+
91+
<ul id="menu">
92+
<li><a href="#introduction">Introduction</a></li>
93+
<li><a href="#tutorial">Tutorial</a></li>
94+
</ul>
95+
96+
<div class="highlight-container">
97+
<p>
98+
This tutorial demonstrates how to solve the 2D heat conduction fin problem using the
99+
FEAScript-platform with a no-code, block-based approach. For the mathematical formulation and theory
100+
behind this example, see the
101+
<a href="HeatConduction2DFin.html">JavaScript API tutorial</a>.
102+
</p>
103+
</div>
104+
105+
<h2 id="introduction"><a name="Introduction"></a>Introduction</h2>
106+
107+
<p>
108+
The example uses the same mathematical model as described in the JavaScript API tutorial - a
109+
steady-state heat transfer problem with a mix of boundary conditions (constant temperature, symmetry,
110+
and convection). This visual platform approach provides the same results as the JavaScript API
111+
implementation but allows you to set up and solve the problem without writing any code.
112+
</p>
113+
114+
<h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
115+
<p>Follow these steps to load and run the Heat Conduction in 2D Fin simulation:</p>
116+
117+
<ol>
118+
<li>
119+
<strong>Visit the FEAScript-platform</strong> in your browser at
120+
<a href="https://platform.feascript.com" target="_blank">https://platform.feascript.com</a>.
121+
</li>
122+
<li>
123+
<strong>Locate the Control Panel</strong> on the right side of the screen.
124+
125+
<!-- Control Panel Image -->
126+
<div class="image-container">
127+
<img src="../assets/Screenshot_20250428_082825.png" style="vertical-align: middle" />
128+
<p class="image-caption">The FEAScript platform Control Panel</p>
129+
</div>
130+
</li>
131+
<li>
132+
<strong>Click the "Load Project" button</strong> in the Control Panel under the "Load/Save Project"
133+
folder.
134+
</li>
135+
<li>
136+
<strong>Select the <code>HeatConduction2DFin.xml</code> file</strong> from your computer.
137+
<p>
138+
You can download this file from the
139+
<a
140+
href="https://github.com/FEAScript/FEAScript-platform/tree/main/examples/solidHeatTransferScript/HeatConduction2DFin"
141+
target="_blank"
142+
>
143+
FEAScript-platform examples repository </a
144+
>.
145+
</p>
146+
</li>
147+
<li>
148+
<strong>The blocks will be loaded</strong> into the editor, showing the complete simulation setup.
149+
150+
<!-- Complete Simulation Setup Blocks Image -->
151+
<div class="image-container">
152+
<img src="../assets/Screenshot_20250428_082807.png" style="vertical-align: middle" />
153+
<p class="image-caption">The loaded block diagram showing the complete simulation setup</p>
154+
</div>
155+
156+
<p>These blocks represent the same setup as described in the JavaScript API tutorial.</p>
157+
</li>
158+
<li>
159+
<strong>Click "Evaluate"</strong> in the Control Panel to run the simulation.
160+
<p>This will execute the blocks in sequence, performing the finite element analysis.</p>
161+
</li>
162+
<li>
163+
<strong>Switch to the "Solution" tab</strong> to view the results.
164+
165+
<!-- Results Image -->
166+
<div class="image-container">
167+
<img src="../assets/Screenshot_20250428_082937.png" style="vertical-align: middle" />
168+
<p class="image-caption">
169+
The temperature contour plot showing the heat distribution in the 2D fin
170+
</p>
171+
</div>
172+
<p>The results are the same with those obtained from the JavaScript API tutorial.</p>
173+
</li>
174+
</ol>
175+
176+
<ul id="menu">
177+
<li>
178+
<a href="https://feascript.com/index.html" target="_blank">Return to FEAScript Website</a>
179+
</li>
180+
</ul>
181+
182+
<p>&#169; 2023-<span id="currentYear"></span> FEAScript</p>
183+
<script>
184+
document.getElementById("currentYear").innerHTML = new Date().getFullYear();
185+
</script>
186+
</body>
187+
</html>

0 commit comments

Comments
 (0)