MT_MANC
Posts: 81
Joined: Fri Mar 25, 2016 1:35 pm

Network Diagram-3D effects possible ?

Wondering if there is any smart way to add (or fake) a 3D effect for a Highcharts Network Diagram/Map eg https://www.highcharts.com/demo/network-graph - given how useful the Z dimension (depth) can be in visualising & interpreting complex network interactions. Maybe it is a future functionality that is already in the pipeline for future HC releases ?
Grateful for any insight into roadmap and/or workarounds - most kind
User avatar
dawid.d
Posts: 832
Joined: Thu Oct 06, 2022 11:31 am

Re: Network Diagram-3D effects possible ?

Hello,

Thank you for the question!

I'm afraid that currently there is no easy way to create a 3D network diagram. I guess the only thing you can do at the moment is to set the points gradient to look like spheres, but I assume that's not what you mean. You can also explore other 3D series and try to present data on them. See e.g. this: https://www.highcharts.com/demo/3d-scatter-draggable

If that's not enough for you, you can write a request for this feature on our GitHub repository,
here: https://github.com/highcharts/highchart ... new/choose

I hope it was helpful
Best regards!
Dawid Draguła
Highcharts Developer
MT_MANC
Posts: 81
Joined: Fri Mar 25, 2016 1:35 pm

Re: Network Diagram-3D effects possible ?

Most kind - will do.
Any examples/fiddles of gradient "spheres" (ie nodes) for a Network diagram ? (presumably this is via CSS ?)
And presumably its not feasible to add a "Beta Angle" slider to a ND ?, as here: https://www.highcharts.com/demo/3d-column-interactive
User avatar
dawid.d
Posts: 832
Joined: Thu Oct 06, 2022 11:31 am

Re: Network Diagram-3D effects possible ?

Hi,
Any examples/fiddles of gradient "spheres" (ie nodes) for a Network diagram ? (presumably this is via CSS ?)
You can achieve this by setting a linearGradient in the color option, as in the demo below.
Demo: https://jsfiddle.net/BlackLabel/8jqanu2k/
And presumably its not feasible to add a "Beta Angle" slider to a ND ?, as here: https://www.highcharts.com/demo/3d-column-interactive
Unfortunately, there is no such option at the moment. This would require creating a new series modeled on ND, but in 3D, and that's a rather big feature.

Kind regards
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”