3D and GL | Fission

Fission

Product

▾

Setup

›

The 3D and GL family contains 44 renderer-backed chart variants. Use this page as the entry point for choosing the right variant, then open the variant page for the screenshot, data shape, Rust API notes, and example code.

The chart family is still ordinary Fission UI. Each variant is constructed from typed Rust data, participates in layout and theme decisions, and can be driven by app state, reducers, resources, jobs, or services just like any other widget.

Variants

Chart	Data shape	Use when
3D bar	A grid of values lowered into Scene3D mesh cuboids.	Use it when depth and spatial grouping are part of the story, not as a default bar replacement.
3D capacity bars	Scene3D mesh cuboids.	Use it for spatial capacity displays.
3D capacity bars	Scene3D cuboids representing numeric height.	Use it when depth is part of the visual story.
3D cluster scatter	Spheres positioned in 3D space.	Use it for spatial point clusters.
3D globe coverage	Globe primitive with highlighted locations.	Use it for coverage and status over a globe.
3D globe status	Globe sphere with visible markers.	Use it when global context matters.
3D graph	Vertex positions and values lowered into Scene3D primitives.	Use it when topology benefits from depth or when the graph is part of a 3D product surface.
3D grid bars	Scene3D mesh cuboids.	Use it when depth and grouping are part of the data.
3D grid bars	Grid of cuboids in a native 3D scene.	Use it for spatial bar comparisons.
3D line	Ordered 3D positions lowered into Scene3D primitives.	Use it for paths, movement, and ordered spatial traces.
3D line path	Spheres and segment meshes forming a path.	Use it for trajectories and movement.
3D mesh field	Mesh surface primitive.	Use it for custom mesh data.
3D network	Scene3D nodes and segment meshes.	Use it for topology in depth.
3D network scene	Vertex spheres connected by segment meshes.	Use it for spatial network views.
3D operations bars	3D bars over an operational grid.	Use it when spatial placement helps compare operational metrics.
3D outlier scatter	3D points with varied position and radius.	Use it to show outliers in a point cloud.
3D response surface	Mesh vertices and indices forming a surface.	Use it for continuous spatial fields.
3D risk terrain	Terrain surface using native mesh rendering.	Use it for risk and elevation-like surfaces.
3D scatter	Vec<(x, y, z, radius)> lowered into Scene3D spheres.	Use it when all three dimensions are meaningful and the app benefits from spatial inspection.
3D scatter cluster	Scene3D spheres.	Use it for spatial sample clusters.
3D scatter outliers	Scene3D spheres.	Use it for spatial outlier inspection.
3D service cloud	Service points in 3D space.	Use it to visualize clusters of service observations.
3D spiral line	Scene3D mesh segments plus points.	Use it for ordered spatial signals.
3D spiral path	Line path through depth.	Use it for trajectory demos and spatial flows.
3D surface	Mesh vertices and triangle indices generated from sampled z values.	Use it for terrain, response surfaces, and continuous two-variable functions.
3D terrain mesh	Scene3D mesh vertices and indices.	Use it for elevation and terrain fields.
3D terrain response	Raised terrain-like mesh.	Use it for elevation and field surfaces.
3D topology	Scene3D nodes and segment meshes.	Use it for spatial relationship maps.
3D topology scene	3D graph nodes and links.	Use it when topology benefits from depth.
3D trajectory	Scene3D mesh segments plus spheres.	Use it for movement paths.
3D volume points	Point field suggesting volume data.	Use it as the native point-based volume path.
3D wave surface	Scene3D mesh vertices and indices.	Use it for sampled surfaces.
3D wave surface	Surface mesh with wave-like height variation.	Use it for continuous response fields.
Dense 3D point cloud	Many small spheres in 3D space.	Use it for point fields and early volume-style views.
Dense point cloud	Scene3D spheres.	Use it for scan-like data.
Globe	Scene3D sphere primitives plus marker primitives.	Use it when global shape and spatial orientation matter to the reader.
Globe coverage	Scene3D spheres.	Use it for global product views.
Globe markers	Scene3D spheres.	Use it for global context.
Mesh surface	Scene3D mesh primitive.	Use it for custom mesh data.
Point cloud	A collection of x, y, z positions with point radii.	Use it for spatial samples, scan data, and dense 3D observations.
Sparse 3D point cloud	Sparse spatial points.	Use it when individual 3D observations need separation.
Sparse point cloud	Scene3D spheres.	Use it for sampled spatial observations.
Terrain surface	Grid-generated mesh vertices and triangle indices.	Use it for terrain, elevation, and other continuous spatial fields.
Volume-style point field	Scene3D spheres.	Use it as the current native path toward volume-style visualization.

Choosing within this family

Start with the user's question, not the visual effect. Pick the simplest variant that makes the answer clear, add interaction only when it reduces work for the user, and keep animation purposeful enough that it explains a change rather than decorating the page.

Authoring from a Fission component

Use this reference page as the chart expression inside ordinary Fission component conversion. The chart is a Widget, so it can sit inside a Card, Grid, Scroll, responsive page section, or any other layout container.

use fission::prelude::*;
use fission::charts::{Axis, Chart, LineSeries};

pub struct Fission3DAndGLChart;

impl From<Fission3DAndGLChart> for Widget {
    fn from(_: Fission3DAndGLChart) -> Widget {
        Chart::new()
            .title("3D and GL")
            .x_axis(Axis::category(vec!["A", "B", "C"]))
            .y_axis(Axis::value())
            .series(vec![LineSeries::new("Series").data(vec![1.0, 2.0, 3.0]).into()])
            .into()
    }
}

Keep expensive data loading outside component conversion. A reducer, job, service, or server route should prepare the typed chart data, then the component should read that state and construct the chart deterministically.

Options, accessibility, and diagnostics

Area	What to decide	How to verify
Data shape	Keep source rows in typed Rust structs, then map them into the series type shown in the example.	Unit test the mapping separately from rendering.
Options	Choose axes, legends, labels, animation, and interaction based on the user's task.	Add a screenshot test when changing visual behavior.
Accessibility	Provide a clear title and adjacent summary text for important trends or outliers.	Inspect the generated semantics and make sure the chart is understandable without color alone.
Failure handling	Render an empty, loading, or error state before constructing the chart if data is unavailable.	Test empty data, partial data, and failed fetches.
Performance	Prefer summarized or windowed data for very large datasets; keep full raw history in the data layer.	Profile frame time and interaction latency with representative data volumes.

Variants

Choosing within this family

Authoring from a Fission component

Options, accessibility, and diagnostics

Fission

A cross-platform, GPU-accelerated user interface framework for Rust. MIT licensed.

Ready to use today. Widget APIs are expected to remain stable; some runtime and shell APIs may change before 1.0.0.

GitHub

Quickstart

Reference

Fission 0.7.0