grafana / xyz-chart

XYZ Chart panel
Apache License 2.0
14 stars 0 forks source link

XYZ Chart

XYZ Chart Example

The XYZ Chart can be used to plot three-dimensional (or higher dimensional) datasets. 3D plots are useful for a number of applications including geographic plotting, multivariate analysis, and more.

Controls

https://user-images.githubusercontent.com/199847/223649247-580aec80-2182-4c32-bfb9-6f0c91232d76.mov

The XYZ Chart includes typical 3D camera controls so that data can panned, zoomed, and rotated. This allows for straightforward analysis from various perspectives.

Beta

This plugin is currently in beta. Many changes are expected so please pay attention to new versions being released.

Implementation

The chart is built with Three.js via the excellent React 3 Fiber and React 3 Drei. The chart implements a (very) small 3D chart rendering library. We hope to extend this with more chart types in the future.