Try it online!! https://zibramax.github.io/FEMViewer/

A 3D, 2D and 1D FEM results viewer with post process capabilities.

Several options to modify the visualization.

Load JSON file of geometry

Allows to display geometry lines

Progress bar for second plane actions. Allows to reload the geometry and stop the redraw of the geometry.

Represent the solution and derivatives as colors

Use sliders to control the color values

Different color pallettes

Use the mouse cursor to interact with geometry

Click in a element to open a separated window. Move the cursor over the element to interpolate the solution

Click in a element to delete it. Just for fun?

For displacement problems, the viewer creates an animation. Yoou can modify the magnifier factor.

For problems with no displacement field (as temperature or torsion), the viewer can show the solution as colors and as displacement.

For geometries with different solutions (as eigenvalue problems, time dependent or non-lineal) the viewer allows to select the solution. You can use the left and right arrow to change between solutions

For each solution, the viewer shows solution information

Shows element properties histogram and scaled jacobian histograms

The viewer shows the element properties with different colors

Detects the border elements of a 3D geometry

And more...

The input JSON file must have the following structure

Vertical matrix of coordinate. Each row represents a node and each column a coordinate.

Example: A 3D geometry with 4 nodes has a 4x3 matrix of nodes

{
	"nodes": [
		[0.0, 0.0, 0.0],
		[1.0, 0.0, 0.0],
		[0.0, 1.0, 0.0],
		[0.0, 0.0, 1.0]
	]
}

Example: A 2D geometry with 3 nodes has a 3x2 matrix of nodes

{
	"nodes": [
		[0.0, 0.0],
		[1.0, 0.0],
		[0.0, 1.0]
	]
}

Example: A 1D geometry with 2 nodes has a 2x1 matrix of nodes

{
	"nodes": [[0.0], [1.0]]
}

Element conectivity matrix. Each row represents an element and each column a node of the element. The element specific order is the same as used in AFEM. The value of the matrix represent the index (0 based) of the nodes matrix.

Example: A geometry with 2 triangular elements

{
	"dictionary": [
		[0, 1, 2],
		[1, 3, 2]
	]
}

A list of the type of each element. If string, assumes that all elements have the same type.

Supperted types:

Example: A geometry with 2 3-node triangular elements

{
	"types": ["T1V", "T1V"]
}

Essential border condition matrix. Each row is a border condition. The first column is the node where the border condition is applied (0-th based index). The second column is the value of the border condition.

Example: A geometry where the first two nodes have essential border condition.

{
	"ebc": [
		[0, 1.234],
		[1, 0.453]
	]
}

Same as ebc

Number of degrees of freedom

Number of variables per node

An object that contains the following fields:

• problem (String)
• description (String)
• especific problem properties (Array)
  • Depending on the problem, the properties varies. For instance, the Torsion2D properties are:
    • _phi
    • G

Full problem properties table:

WIP

An Array that contains solutions. Each solution has the following fields:

• U: Solution for each degree of freedom
• info: An object that contains additional solution information

For example:

{
	"solutions": [
		{ "U": [0.0, 2.0, 2.0, 1.0, 0.0], "info": { "solver": "Lineal" } },
		{ "U": [0.0, 2.0, 2.0, 1.0, 0.0], "info": {} }
	]
}

Full Example:

{
	"nodes": [
		[0.0, 0.0],
		[1, 0.0],
		[1, 1],
		[0, 1]
	],
	"dictionary": [[0, 1, 2, 3]],
	"types": ["C1V"],
	"ebc": [],
	"nbc": [],
	"nvn": 1,
	"ngdl": 4,
	"properties": {
		"verbose": false,
		"name": "",
		"problem": "Torsion2D",
		"_phi": null,
		"G": [1],
		"duration": 1,
		"description": ""
	}
}

Play with them!