Static 3D Mesh Model.

Example showcasing LightningChart 3D model visualization using Mesh Model Chart.

To create a Mesh Model chart, you can use the following line of code:

const meshModel = chart3D.addMeshModel()

To render a 3D mesh model on this chart, you need to prepare the necessary data, including vertices, indices, and optionally, normals. These data can come from any 3D modeling software, such as Blender or similar tools.

In our examples, we consistently export 3D models to the .OBJ file format. To process this data into the required normals, vertices, and indices, we rely on the webgl-obj-loader NPM library .

Once you've got your 3D model data ready in the correct format, you can easily render your model on the Mesh Model chart. This is done by using the '.setModelGeometry' function, as demonstrated in the following code:

meshModel.setModelGeometry({
    vertices: modelParsed.vertices,
    indices: modelParsed.indices,
    normals: modelParsed.vertexNormals,
})