I'm attempting to design a unique torus graph showcasing different colored segments with varying widths based on data size, essentially a more visually appealing version of a pie chart.
Would it be feasible to achieve this using torus geometry, or would it be more advisable to create the segments as shapes and utilize extrudegeometry?
In either scenario, what approach would yield the best results?
Edit
I have managed to implement this using torus geometry as follows:
var prevAngle = 0;
for(var i = 0; i < data.length; i++){
var mat = new THREE.MeshPhongmaterial({materialOptions});
var angle = 2* Math.PI * data[i].size //size is decimal
var geo = new THREE.TorusGeometry(500, 200, 8, 6, angle);
var mesh = new THREE.Mesh(geo, mat);
mesh.rotation.z = prevAngle;
scene.add(mesh);
prevAngle = angle;
}
However, upon rendering (with 4 objects in data each with size 0.25), I am only seeing the top half of the torus (or perhaps a semi-torus?).
Could the rotation be causing this issue?