Terrain surface
A raised mesh surface for terrain-like continuous data. Use it for terrain, elevation, and other continuous spatial fields. The screenshot is captured from the native Fission chart gallery.
What the chart is for
Terrain surface belongs to the 3D and GL family. Its job is to make this data shape readable: Grid-generated mesh vertices and triangle indices. In a production interface, choose this chart when spatial data is genuinely easier to understand in a 3D viewport.
Avoid it when a two-dimensional chart answers the question more directly; 3D should clarify spatial data, not decorate ordinary comparisons.
Data model
Grid-generated mesh vertices and triangle indices. The example is built from Scene3D and Primitive3D, which means it stays in the normal Fission widget tree and is rendered by the shell rather than a browser canvas island.
Rust API
| Field | Type | Notes |
|---|---|---|
scene | Scene3D | Owns the retained native 3D chart viewport. |
primitive | Primitive3D | Uses spheres, cuboids, or meshes for chart geometry. |
width / height | f32 | Optional fixed size; omit them when the chart should flex inside Fission layout. |
Example
use fission_3d::{Point3D, Primitive3D, Scene3D};
use fission_core::op::Color;
let scene = Scene3D::new()
.add_primitive(Primitive3D::Sphere {
center: Point3D::new(0.0, 0.0, 0.0),
radius: 0.4,
color: Color { r: 20, g: 184, b: 166, a: 255 },
});
Interaction and animation
3D chart examples use the same Fission widget lifecycle as other charts. As the 3D chart model grows, interaction should continue to use typed events and reducers rather than ad-hoc callback registries.
Testing guidance
For this chart, test the generated geometry first, then test lowering, then capture a live screenshot when visual output changes. The screenshot for this page is refreshed with npm run charts:generate from the website package.
Tags: 3d, terrain.