Axiom Wang

vtk.js Plotters Demo

Data VisualizationTest
#vtk.js#plotter#next.js#interactive

This post demonstrates the new vtk.js plotting toolkit for this blog: direct 2D and 3D APIs plus wrapper shortcuts for fast authoring.

1. Direct API: 2D Plotter

This chart uses two named series, explicit axis titles, linear scaling, pan/zoom, and point picking tooltips.

2. Direct API: 3D Plotter

The 3D scene combines a scalar-colored point cloud with a triangulated surface. Orbit, pan, and zoom are enabled. Use clipping and slicing sliders to inspect internal geometry.

3. Wrapper API: LinePlot2D

Wrappers are intentionally concise for common cases. This one uses a log-scale y-axis with a single line series.

Developer note: Import plotters from @/components/VtkPlotters in any post page and pass plain data arrays plus style settings.

← Back to Home