# Help with 3D charts (points, grid, painting its bottom, shadders) **URL:** \ **Category:** Questions\ **Tags:** tutorial, gui, material, shader\ **Created:** [June 10, 2021, 4:40pm UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573 "2021-06-10T16:40:26Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![MQDev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mqdev/32/16773_2.png) [@MQDev](https://forum.babylonjs.com/u/MQDev)\ **Post date:** [June 10, 2021, 4:40pm UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573/1 "2021-06-10T16:40:26Z")
Hello, how are you doing? I’m here trying to make some **3d FFT graphics** using _Babylon_. I’ve already tried _visJS_, in it 3D graphics modules… But I couldn’t go so far with that. What I’m trying to achieve is an FFT 3D graphic, something like that: ![cascata-geral](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/a/2ab96b2ccb491f0604d3387d18aef62342db918e.gif) I have already a playground with a “Hello World”. Cedric helped me with that. But I’m new here, and I don’t know what could be the next step: [https://playground.babylonjs.com/#S7U8U8#2](https://playground.babylonjs.com/#S7U8U8#2) I tried adding the grid, and I couldn’t achieve that. I’m trying to follow this [example](https://www.babylonjs-playground.com/#E3XJMU#27). But it has some crazy information that I still can’t understand. Some things that would help me a lot… - How to make the grid and the points ‘talk’? When I try to reduce the number of labels on the x-axis, the coordinates get lost by the scene. You can see it on the playground: **#E3XJMU#99**. (I can just post 2 links because I’m a new user.) - How to fill the bottom part of the points with a gradient, as the gif I showed you there at the beginning? Like if I would make a line in the place of the dots and fill in the bottom of it. But I don’t know, I think it also could be a lot of line bars side by side to make the effect I wich. Do you have any new ideas? Any kind of help will be welcome! Best regards dear Babylons, Matheus ---
**Author:** ![MQDev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mqdev/32/16773_2.png) [@MQDev](https://forum.babylonjs.com/u/MQDev)\ **Post date:** [June 10, 2021, 4:41pm UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573/2 "2021-06-10T16:41:46Z")
My Hello World: [![](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/c/5cd2f161cda716268f1965fed8fb8a1010e49827.png) ](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/c/5cd2f161cda716268f1965fed8fb8a1010e49827.png) The playground I mentioned on the main topic: [https://www.babylonjs-playground.com/#E3XJMU#99](https://www.babylonjs-playground.com/#E3XJMU#99) ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/f/2f991b775b709160c2e5e10acd6c89fcef9da57e.jpeg) ---
**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\ **Post date:** [June 10, 2021, 4:49pm UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573/3 "2021-06-10T16:49:16Z")
There is wonderful library for this - [Babyplots - A 3D Plotting Library](https://forum.babylonjs.com/t/babyplots-a-3d-plotting-library/15490) ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/2/d2bd5e39bf978f73af789c64180cbaa043bcf84c.jpeg) > **[babyplots](https://bp.bleb.li/)** > > Easy, fast, interactive 3D visualizations for data exploration and presentation. ---
**Author:** ![MQDev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mqdev/32/16773_2.png) [@MQDev](https://forum.babylonjs.com/u/MQDev)\ **Post date:** [June 10, 2021, 6:17pm UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573/4 "2021-06-10T18:17:27Z")
Thanks for sharing. I’ll have a look at that… ---
**Author:** ![MQDev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mqdev/32/16773_2.png) [@MQDev](https://forum.babylonjs.com/u/MQDev)\ **Post date:** [June 11, 2021, 10:23am UTC](https://forum.babylonjs.com/t/help-with-3d-charts-points-grid-painting-its-bottom-shadders/21573/5 "2021-06-11T10:23:23Z")
I was trying with ThreeJS also, and there I achieved something like that: https://codepen.io/matheus-wc/embed/preview/eYvPpbB?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=eYvPpbB This is an option with the use of `InstancedMesh`. I tried Babyplots, but it still does’t have what I want.