Skip to main content

3D charts

3D charts are a powerful way to visualize data in three dimensions. They provide a more immersive and interactive experience compared to traditional 2D charts. We typically use 3D charts to represent complex data sets or to visualize data in a more engaging way.

The echarts-gl package extends ECharts to support 3D visualizations. With this package, you can design a variety of 3D charts, including:

  • 3D scatter plots
  • 3D bar charts
  • 3D surface plots
PreviewAngularReactVueJavaScript

Installation​

To install the echarts-gl package, run the following command:

npm install --save @siemens/ix-echarts

Import​

To use 3D charts, import the echarts-gl package into your project:

import 'echarts-gl';

Dos and Don'ts​

  • Do use with data that's best seen and interpreted in multiple dimensions
  • Don’t use 3D charts for simple data that can be effectively represented with 2D charts
  • Don’t overuse 3D charts as they can make the data harder to interpret