49 |
50 |
74 |
75 | );
76 | }
77 |
78 | export default App;
79 |
--------------------------------------------------------------------------------
/src/components/Main/About.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 | import Box from '@mui/material/Box';
3 | import Grid from '@mui/material/Grid';
4 | import { makeStyles } from '@mui/styles';
5 | import { lightTheme, darkTheme } from './../theme';
6 |
7 | function About() {
8 | useEffect(() => {
9 | document.title = "About"
10 | }, []);
11 |
12 | const localTheme = window.localStorage.getItem('theme') || "light";
13 | const theme = localTheme === 'light' ? lightTheme : darkTheme;
14 | const useStyles = makeStyles(theme);
15 | const classes = useStyles();
16 |
17 | return (
18 |
51 |
52 |
54 |
70 |
71 |
72 |
73 |
19 |
20 |
25 |
26 |
390 |
391 |
392 |
393 | );
394 | }
395 |
396 | export default About;
397 |
--------------------------------------------------------------------------------
/src/components/Main/Error.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 | import Box from '@mui/material/Box';
3 | import Grid from '@mui/material/Grid';
4 | import { makeStyles } from '@mui/styles';
5 | import { lightTheme, darkTheme } from './../theme';
6 |
7 | function Error() {
8 | useEffect(() => {
9 | document.title = "About"
10 | }, []);
11 |
12 | const localTheme = window.localStorage.getItem('theme') || "light";
13 | const theme = localTheme === 'light' ? lightTheme : darkTheme;
14 | const useStyles = makeStyles(theme);
15 | const classes = useStyles();
16 |
17 | return (
18 |
32 | The Web app
33 |
34 |
43 | cfd.xyz is an open-source React web app to efficiently and easily
44 | explore fluid dynamics problems for a wide range of parameters.
45 | The framework provides a proof of technology for OpenFOAM tutorials,
46 | showing the whole process from the generation of the surrogate
47 | models to the web browser. It also includes a standalone web tool
48 | for visualizing users' surrogate models by directly dragging and
49 | dropping the output folder of the ROM offline stage. Beyond the
50 | current proof of technology, this enables a collaborative effort
51 | for the implementation of OpenFOAM-based models in applications
52 | demanding real-time solutions such as digital twins and other
53 | digital transformation technologies.
54 |
55 |
64 | With this development, we aim to create a shared space where
65 | canonical and industrial computational fluid dynamics (CFD)
66 | problems can be visualized and analyzed without carrying out a
67 | simulation, or as a preliminary step for optimizing parameters of
68 | new simulations. Having an open-source centralized service has
69 | several advantages, not only from an educational, optimization and
70 | reproducibility point of view but also from a CO2 footprint
71 | perspective.
72 |
73 |
82 | The web app relies on the rom.js module, a JavaScript port of a set
83 | of open-source packages to solve the online stage of reduced-order
84 | models (ROM) generated by the ITHACA-FV tool. It can also be
85 | executed outside a web browser within a backend JavaScript runtime
86 | environment. Please visit and support the open-source packages used
87 | in this work:
88 |
93 | {' OpenFOAM'}
94 | ,
95 |
100 | {' ITHACA-FV'}
101 | ,
102 |
107 | {' Kitware'}
108 | ,
109 |
114 | {' Eigen'}
115 | ,
116 |
121 | {' Splinter'}
122 | ,
123 |
128 | {' Emscripten'}
129 | ,
130 |
134 | {' MUI'}
135 | ,
136 |
141 | { ' React'}
142 | ,
143 | and many others. You'll find a list of all the packages in the code
144 | repositories.
145 |
146 |
155 | This is a beta version, please handle with care. Further
156 | features, optimizations and fixes are expected.
157 |
158 |
173 |
179 | 3D view control keys:
174 | * Rotate: left click
175 | * Pan: shift + left click
176 | * Spin: Ctrl/Alt + left click
177 | * Zoom: mouse wheel
178 |
182 | The Code
183 |
184 |
190 | cfd.xyz is an open-source web app. You can install it locally,
191 | fix bugs or add new features at the
192 |
197 | {' cfd.xyz '}
198 |
199 | or
200 |
205 | {' rom-js '}
206 |
207 | GitHub repositories. Everyone is welcome to contribute to this
208 | project.
209 |
210 |
213 | The Licenses and trademarks
214 |
215 |
219 |
287 |
228 | cfd.xyz code and images (excluding the logo) are mainly covered
229 | by
230 |
235 | {' MIT '}
236 |
237 | and
238 |
243 | {' CC BY 4.0 '}
244 |
245 | licenses, respectively. Further details about the licenses can be
246 | found at
247 |
252 | {' cfd.xyz licenses'}
253 | .
254 | You can reuse this code under the terms of these licenses.
255 | Please cite this website and related repositories to help us to
256 | build more assets.
257 |
258 |
267 | cfd.xyz and SIMZERO are exclusive trademarks. Their use is only
268 | allowed in the context of this web app and in compliance with
269 | trademark law. Adaptations or modifications of the cfd.xyz logo
270 | are not permitted.
271 |
272 |
281 | This offering is not approved or endorsed by OpenCFD Limited,
282 | producer and distributor of the OpenFOAM software via
283 | www.openfoam.com, and owner of the OPENFOAM® and OpenCFD®
284 | trade marks.
285 |
286 |
290 | The Authors
291 |
292 |
303 | cfd.xyz is developed and maintained by
304 |
309 | {' SIMZERO®'}
310 | .
311 | Please feel free to contact us by email (info@simzero.com) or
312 | joining the
313 |
318 | {' Slack channel'}
319 | .
320 |
321 |
324 | The Funding
325 |
326 |
337 | cfd.xyz is free of charge, with no ads, popups,
338 | registration or personal data collection.
339 |
340 |
351 | This is a self-funded initiative. If you like the tool and the
352 | mission and want to help with new developments and server costs
353 | please
354 |
359 | {' donate '}
360 |
361 | (PayPal).
362 |
363 |
366 | The Terms and conditions
367 |
368 |
379 | You agree that you use the site and the content at your own risk,
380 | and understand that this service is provided to you on an "AS IS"
381 | and "AS AVAILABLE" basis. The service is provided without
382 | warranties of any kind, including but not limited to content
383 | accuracy, reliability or completeness. We shall not be subject
384 | to liability for truth, accuracy or completeness of any information
385 | conveyed to the user. If your use of the site or the content
386 | results in the need for servicing, or replacing equipment or data,
387 | we shall not be responsible for those costs.
388 |
389 |
19 |
20 |
25 | 404 PAGE NOT FOUND
26 |
27 |
28 |
29 | );
30 | }
31 |
32 | export default Error;
33 |
--------------------------------------------------------------------------------
/src/components/Main/Fader.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react'
2 | import { makeStyles } from '@mui/styles';
3 | import Linkify from 'linkify-react';
4 | import { global } from '../theme';
5 |
6 | const Fader = ({ text }) => {
7 | const useStyles = makeStyles(global);
8 | const classes = useStyles();
9 |
10 | const [fade, setFade] = useState(true);
11 | const [counter, setCounter] = useState(0);
12 |
13 | useEffect(() => {
14 | const timeout = setInterval(() => {
15 | if (fade)
16 | {
17 | setFade(false)
18 | }
19 | else
20 | {
21 | setFade(true)
22 | }
23 | if (counter < text.length - 1)
24 | {
25 | setCounter(counter+1)
26 | }
27 | else
28 | {
29 | setCounter(0)
30 | }
31 | }, 9000);
32 | return () => clearInterval(timeout)
33 | }, [fade])
34 |
35 | return (
36 |
37 |
44 | {text[counter]}
45 |
46 |
47 | )
48 | }
49 |
50 | export default Fader
51 |
--------------------------------------------------------------------------------
/src/components/Main/Footer.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
31 |
38 | {'© '}
39 | {new Date().getFullYear()}
40 | {' '}
41 |
48 | {'SIMZERO'}
49 |
50 |
51 |
52 | );
53 | }
54 |
55 | return (
56 |
57 |
201 | );
202 | }
203 |
204 | export default Footer;
205 |
--------------------------------------------------------------------------------
/src/components/Main/Navigation.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
58 |
199 |
200 |
94 | {show &&
95 |
96 |
97 |
98 | 
99 |
100 | toggleTheme(theme)}
116 | >
117 | {icon}
118 |
119 |
120 |
121 | }
122 |
124 | );
125 | }
126 |
127 | export default withRouter(Navigation);
128 |
--------------------------------------------------------------------------------
/src/components/Main/ShowCards.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
101 | { title }
102 |
103 |
104 |
105 |
109 |
110 |
106 | {"About"}
107 |
108 |
79 |
89 | }
90 | {post.surrogate === false &&
91 |
92 |
100 | }
101 | {post.new &&
102 |
103 |
111 | }
112 | {post.ready
113 | ? inputRef.current[post.title].toggle() }
115 | >
116 | {(inputRef.current && !isMobile ) &&
117 |
137 | :
138 | inputRef.current[post.title].preventDefault() }
144 | >
145 | {(!isMobile) &&
146 |
153 | }
154 |
161 |
169 | {post.description}
170 |
171 |
172 | :
175 | {post.description}
176 |
177 | inputRef.current[post.title].toggle() }
181 | >
182 | {(!isMobile) &&
183 |
193 |
205 |
207 | :
208 |
210 | }
211 | {post.ready
212 | ?
214 | {post.title}
215 |
216 |
218 |
219 | {post.title}
220 |
221 |
222 | }
223 |
22 |
27 | {posts.map(post => (
28 |
31 |
32 | );
33 | }
34 |
35 | export default Home;
36 |
--------------------------------------------------------------------------------
/src/components/Main/list.js:
--------------------------------------------------------------------------------
1 | const posts = [
2 | {
3 | title: "OpenFOAM Tutorials",
4 | link: "/OF",
5 | image: "/images/OF/OF",
6 | key: "1",
7 | ready: true,
8 | description: "Collection of OpenFOAM (www.openfoam.com) tutorials. OpenFOAM is a free, open source CFD software."
9 | },
10 |
11 | {
12 | title: "Tools",
13 | link: "/Tools",
14 | image: "/images/Tools/Tools",
15 | key: "2",
16 | ready: true,
17 | description: "Standalone tools."
18 | },
19 |
20 | {
21 | title: "Another solver",
22 | link: "none",
23 | image: "/images/constructionSolver",
24 | key: "3",
25 | ready: false,
26 | description: "Engage or contact us for adding your case or CFD solver."
27 | }
28 | ]
29 |
30 | export default posts;
31 |
--------------------------------------------------------------------------------
/src/components/Main/logoDark.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
31 |
--------------------------------------------------------------------------------
/src/components/Main/logoLight.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
31 |
--------------------------------------------------------------------------------
/src/components/Main/placeholder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simzero/cfd-xyz-viewer/0df9901ef4dd1672ed738d955ae70c6bbe484bff/src/components/Main/placeholder.png
--------------------------------------------------------------------------------
/src/components/Main/useDarkMode.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
43 |
67 | );
68 | }
69 |
70 | export default Bump2D;
71 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/MixerVessel2D.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | import GenericView from './../../GenericView';
4 |
5 | const simulationsPath = '/simulations';
6 |
7 | // - Define case custom data
8 | const initialPlanesCoords = [0, 0, 0.005]
9 | const dataPath = "/simulations/OF/incompressible/simpleFoam/mixerVessel2D/";
10 | const vtpVariable = "p";
11 | const vtuVariable = "U";
12 | const vtpTitle = "Pressure (m2/s2)";
13 | const vtuTitle = "Velocity magnitude (m/s)";
14 | const step = 0.0025;
15 | const codeLink = 'src/components/OF/Incompressible/SimpleFoam/MixerVessel2D.jsx';
16 | //
17 |
18 | function MixerVessel2D() {
19 | const casePath = window.location.pathname;
20 | const caseName = casePath.split("/").pop();
21 | const path = simulationsPath + casePath;
22 |
23 | useEffect(() => {
24 | document.title = "cfd.xyz | OF/incompressible/simpleFoam/mixerVessel2D"
25 | }, []);
26 |
27 | return (
28 |
29 |
40 | );
41 | }
42 |
43 | export default MixerVessel2D;
44 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/MotorBike.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | import GenericView from './../../GenericView';
4 |
5 | const simulationsPath = '/simulations';
6 |
7 | // - Define case custom data
8 | const initialPlanesCoords = [0, 0, 0.5]
9 | const dataPath = "/simulations/OF/incompressible/simpleFoam/motorBike/";
10 | const vtpVariable = "p";
11 | const vtuVariable = "U";
12 | const vtpTitle = "Pressure (m2/s2)";
13 | const vtuTitle = "Velocity magnitude (m/s)";
14 | const step = 0.1;
15 | const codeLink = 'src/components/OF/Incompressible/SimpleFoam/MotorBike.jsx';
16 | //
17 |
18 | function MotorBike() {
19 | const casePath = window.location.pathname;
20 | const caseName = casePath.split("/").pop();
21 | const path = simulationsPath + casePath;
22 |
23 | useEffect(() => {
24 | document.title = "cfd.xyz | OF/incompressible/simpleFoam/motorBike"
25 | }, []);
26 |
27 | return (
28 |
29 |
40 | );
41 | }
42 |
43 | export default MotorBike;
44 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/PitzDaily.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
43 |
67 | );
68 | }
69 |
70 | export default PitzDaily;
71 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/TurbineSiting.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | import GenericView from './../../GenericView';
4 |
5 | const simulationsPath = '/simulations';
6 |
7 | // - Define case custom data
8 | const initialPlanesCoords = [582135, 4785805, 960]
9 | const dataPath = "/simulations/OF/incompressible/simpleFoam/turbineSiting/";
10 | const vtpVariable = "p";
11 | const vtuVariable = "U";
12 | const vtpTitle = "Pressure (m2/s2)";
13 | const vtuTitle = "Velocity magnitude (m/s)";
14 | const step = 10;
15 | const codeLink = 'src/components/OF/Incompressible/SimpleFoam/TurbineSiting.jsx';
16 | //
17 |
18 | function TurbineSiting() {
19 | const casePath = window.location.pathname
20 | const caseName = casePath.split("/").pop();
21 | const path = simulationsPath + casePath
22 |
23 | useEffect(() => {
24 | document.title = "/OF/incompressible/simpleFoam/turbineSiting"
25 | }, []);
26 |
27 | return (
28 |
29 |
40 | );
41 | }
42 |
43 | export default TurbineSiting;
44 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/WindAroundBuildings.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 | import ROMView from './../../ROMView';
3 |
4 | const surrogatesPath = '/surrogates';
5 |
6 | // - Define case custom data
7 | const threeDimensions = true;
8 | const initialStreamsCoords = [-20.0, 42.0, 10.0];
9 | const initialPlanesCoords = [300.0, 150.0, 28.0];
10 | const stepPlanes = 1.0;
11 | const stabilization = "PPE";
12 | const initialZoomPortrait = 0.55;
13 | const initialZoomLandscape = 1.15;
14 | const offsetY = 10.0;
15 | const dynamicTemperature = false;
16 | const initialTemperature = 66.029869;
17 | const dynamicVelocity = false;
18 | const initialVelocity = 10.0;
19 | const dynamicAngle = true;
20 | const initialAngle = 0.0;
21 | const minAngle = -40.0;
22 | const maxAngle = 40.0;
23 | const stepAngle = 2.0;
24 | const viewerLink = "/src/components/OF/Incompressible/SimpleFoam/WindAroundBuildings.jsx";
25 | const ROMLink = "examples/OpenFOAM/incompressible/simpleFoam/windAroundBuildings";
26 | //
27 |
28 | function WindAroundBuildings() {
29 | const casePath = window.location.pathname
30 | const caseName = casePath.split("/").pop();
31 | const repo = "https://raw.githubusercontent.com/simzero-oss/cfd-xyz-data/main/surrogates_v1.1.0/"
32 | // const path = surrogatesPath + casePath;
33 | const path = repo + casePath;
34 |
35 | useEffect(() => {
36 | document.title = "cfd.xyz | OF/incompressible/simpleFoam/windAroundBuildings"
37 | }, []);
38 |
39 | return (
40 |
41 |
65 | );
66 | }
67 |
68 | export default WindAroundBuildings;
69 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/index.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
22 |
27 | {posts.map(post => (
28 |
31 |
32 | );
33 | }
34 |
35 | export default SimpleFoam;
36 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/SimpleFoam/list.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
22 |
27 | {posts.map(post => (
28 |
31 |
32 | );
33 | }
34 |
35 | export default Incompressible;
36 |
--------------------------------------------------------------------------------
/src/components/OF/Incompressible/list.js:
--------------------------------------------------------------------------------
1 | const posts = [
2 | {
3 | title: "simpleFoam",
4 | link: "/OF/incompressible/simpleFoam",
5 | image: "/images/OF/incompressible/simpleFoam/simpleFoam",
6 | key: "1",
7 | ready: true,
8 | description: "Steady-state solver for incompressible, turbulent flows."
9 | }
10 | ]
11 |
12 | export default posts;
13 |
--------------------------------------------------------------------------------
/src/components/OF/index.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
22 |
27 | {posts.map(post => (
28 |
31 |
32 | );
33 | }
34 |
35 | export default OF;
36 |
--------------------------------------------------------------------------------
/src/components/OF/list.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
643 | { ! isConfirmed &&
644 |
645 |
651 |
652 |
682 |
683 |
725 |
726 |
838 |
839 |
840 | }
841 | { isConfirmed &&
842 |
1044 | );
1045 | }
1046 |
1047 | export default Steady;
1048 |
--------------------------------------------------------------------------------
/src/components/Tools/VTK/Slicer.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react';
2 |
3 | import { lightTheme, darkTheme } from './../../theme';
4 | import GenericView from './../../OF/GenericView';
5 |
6 | import { makeStyles } from '@mui/styles';
7 | import Box from '@mui/material/Box';
8 | import Grid from '@mui/material/Grid'
9 |
10 | import { DropzoneAreaBase } from "react-mui-dropzone";
11 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
12 | import { solid } from '@fortawesome/fontawesome-svg-core/import.macro'
13 |
14 | // - Tool custom data
15 | const vtuVariable = "U";
16 | const vtuTitle = "Velocity magnitude (m/s)";
17 | const codeLink = 'src/components/Tools/VTK/Slicer.jsx';
18 | const repoRoot = 'https://github.com/simzero-oss/cfd-xyz-data/blob/main/'
19 | const simulationsLink = repoRoot + 'simulations_v1.1.0.gz?raw=true';
20 | //
21 |
22 | function Slicer() {
23 | useEffect(() => {
24 | document.title = "/Tools/Slicer"
25 | }, []);
26 |
27 | const localTheme = window.localStorage.getItem('theme') || "light";
28 | const theme = localTheme === 'light' ? lightTheme : darkTheme;
29 | const useStyles = makeStyles(theme);
30 | const classes = useStyles();
31 |
32 | const [files, setFiles] = useState([]);
33 | const [isConfirmed,setConfirmed] = useState(false);
34 |
35 | const handleAdd = newFiles => {
36 | newFiles = newFiles.filter(checkFile);
37 | newFiles = newFiles.filter(file => !files.find(f => f.data === file.data));
38 | setFiles([...files, ...newFiles]);
39 | };
40 |
41 | const handleDelete = deleted => {
42 | setFiles(files.filter(f => f !== deleted));
43 | };
44 |
45 | const handleFile = loadedFiles => {
46 | // console.log("loadedFiles: ", files)
47 | };
48 |
49 | const patterns = [
50 | '.*.vtu'
51 | ];
52 |
53 | function checkFile(item) {
54 | return item.file.name.match(patterns);
55 | }
56 |
57 | function clear() {
58 | setFiles([]);
59 | }
60 |
61 | const confirmed = async() => {
62 | setConfirmed(true);
63 | }
64 |
65 | return (
66 |
658 | Instructions
659 |
660 |
661 | - This tool handles data generated by ITHACA-FV SteadyNS and
662 | SteadyNSTurb classes (limited to 2D cases in this version).
663 |
664 |
665 | - Drag your ITHACAoutput folder in the area below, set ranges
666 | and confirm.
667 |
668 |
669 | - For a try-out: download and drag the following
670 | ZIP
671 |
674 | {' sample'}
675 | .
676 |
677 |
678 | - The files dragged and dropped will not be uploaded to any cloud or server, and
679 | will be processed locally in your device by the app.
680 |
681 |
684 |
692 |
724 |
699 | Drag and drop here or click
700 |
701 | }
702 | previewText={
703 |
704 | Preview files:
705 |
706 | }
707 | dropzoneParagraphClass={classes.dropzoneText}
708 | inputProps={{ classes: { root: classes.dropzone } }}
709 | previewChipProps={{ classes: { label: classes.dropzonePreview } }}
710 | filesLimit={1000}
711 | maxFileSize={30000000}
712 | showFileNamesInPreview={true}
713 | showFileNames={true}
714 | showPreviews={true}
715 | showPreviewsInDropzone={false}
716 | useChipsForPreview={true}
717 | showAlerts={false}
718 | fileObjects={files}
719 | onAdd={handleAdd}
720 | onDelete={handleDelete}
721 | onDrop={handleFile}
722 | />
723 |
727 |
731 |
732 | {setUMin(event.target.value)}}
741 | />
742 | {setUMax(event.target.value)}}
752 | />
753 |
769 |
770 |
837 |
728 | Inlet velocity (m/s)
729 |
730 | Fixed?
}
767 | />
768 |
771 |
772 |
779 |
780 | {setNuMin(event.target.value)}}
790 | />
791 | {setNuMax(event.target.value)}}
802 | />
803 |
819 |
836 |
776 | Kinematic viscosity
777 |
778 | Fixed?
}
817 | />
818 |
820 |
828 |
834 |
835 |
843 |
1042 | }
1043 |
844 | {!dataLoaded &&
845 |
871 | {dataLoaded &&
872 |
853 |
869 | }
870 |
859 | Loading and reading data...
860 |
861 |
866 |
867 |
868 |
873 |
1040 | }
1041 |
885 |
890 |
896 |
897 |
909 |
914 |
920 |
921 |
933 |
938 |
944 |
945 |
957 |
962 |
968 |
969 |
982 |
1039 |
983 | { ! nuFixed &&
984 |
1038 |
985 |
986 |
996 |
}
997 | { ! nuFixed &&
998 |
999 |
1003 | }
1004 | { nuFixed &&
1005 |
1000 | Kinematic viscosity (m2/s) x1e-05
1001 |
1002 |
1006 | Kinematic viscosity (m2/s): {viscosityValue}
1007 |
1008 | }
1009 | { ! UFixed &&
1010 |
1011 |
1012 |
1022 |
1023 | }
1024 | { ! UFixed &&
1025 |
1026 |
}
1030 | { UFixed &&
1031 |
1027 | Inlet velocity (m/s)
1028 |
1029 |
1032 |
1036 | }
1037 |
1033 | Inlet velocity (m/s): {velocityValue}
1034 |
1035 |
67 | { ! isConfirmed &&
68 |
69 |
75 |
76 |
130 |
131 |
173 |
174 |
193 |
194 |
195 | }
196 | { isConfirmed &&
197 |
208 | );
209 | }
210 |
211 | export default Slicer;
212 |
--------------------------------------------------------------------------------
/src/components/Tools/index.jsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see
82 | Instructions
83 |
84 |
85 | - This tool is a generic slicer for 3D unstructured grids.
86 |
87 |
88 | - Drag your .vtu file in the area below (or click and select)
89 | and confirm.
90 |
91 |
98 | - You can generate .vtu files in OpenFOAM running the following
99 | command in the terminal:
100 |
105 |
101 | {' foamToVTK -latestTime'}
102 |
103 | , and use in this tool the internal.vtu output in the VTK folder.
104 |
112 | - For a try-out: download, extract, and drag one of the
113 | internal.vtu files of this
114 |
117 | {' sample'}
118 | .
119 |
120 |
121 | - The files dragged and dropped will not be uploaded to any
122 | cloud or server, and will be processed locally in your device
123 | by the app.
124 |
125 |
126 | - CURRENT LIMITATIONS: velocity magnitude is the only variable
127 | displayed.
128 |
129 |
132 |
140 |
172 |
147 | Drag and drop here or click
148 |
149 | }
150 | previewText={
151 |
152 | Preview files:
153 |
154 | }
155 | dropzoneParagraphClass={classes.dropzoneText}
156 | inputProps={{ classes: { root: classes.dropzone } }}
157 | previewChipProps={{ classes: { label: classes.dropzonePreview } }}
158 | filesLimit={1000}
159 | maxFileSize={300000000}
160 | showFileNamesInPreview={true}
161 | showFileNames={true}
162 | showPreviews={true}
163 | showPreviewsInDropzone={false}
164 | useChipsForPreview={true}
165 | showAlerts={false}
166 | fileObjects={files}
167 | onAdd={handleAdd}
168 | onDelete={handleDelete}
169 | onDrop={handleFile}
170 | />
171 |
175 |
192 |
176 |
184 |
190 |
191 |
198 |
206 | }
207 |
22 |
27 | {posts.map(post => (
28 |
31 |
32 | );
33 | }
34 |
35 | export default Tools;
36 |
--------------------------------------------------------------------------------
/src/components/Tools/list.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2022 Carlos Peña-Monferrer. All rights reserved.
2 | // This work is licensed under the terms of the MIT license.
3 | // For a copy, see