如何绘制十二面体 d3.js？

let k = 500,  a1 = 0,  a2 = 0,  far = 300,  p, 
    w = 500,  h = 500,  s = 80,  lines = [];

for (var i = 0; i < 5; i++) {
    part(i, -s, 0);
    part(i, s, Math.PI);
}

function part(i,  y, da) {
    let a = Math.PI*2/5;
    let A1 = da+i*a;
    let A2 = da+a*(i+1);
    let A3 = a/2+A1;
    let r1 = s*0.9;
    let r2 = s*1.4;
    let y1 = y*1.1;
    let y2 = y/4;
    let cosA1 = Math.cos(A1);
    let sinA1 = Math.sin(A1);
    
    let p0 = {
         x: cosA1*r1, 
         y: y1, 
         z: sinA1*r1
    };
    
    let p1 = {
          x: cosA1*r2, 
          y: y2, 
          z: sinA1*r2
    };
    
    lines.push([p0, p1]);
    
    lines.push([p1, {
          x: Math.cos(A3)*r2, 
          y: -y2, 
          z: Math.sin(A3)*r2, 
    }]);
    
    lines.push([p0, {
         x: Math.cos(A2)*r1, 
         y: y1,
         z: Math.sin(A2)*r1
    }]);
    
}

svg.innerHTML = lines.map(d => `<path stroke="white"></path>`).join('');

let paths = svg.querySelectorAll('path');

render();

function project(p) {
  let cosa1 = Math.cos(a1);
  let sina1 = Math.sin(a1);
  let cosa2 = Math.cos(a2);
  let sina2 = Math.sin(a2);
  let x = p.x*cosa1 + p.z*sina1;
  let z = p.z*cosa1 - p.x*sina1;
  let y = p.y*cosa2 +   z*sina2;
  let d =   z*cosa2 - p.y*sina2 + far;
  p.cx = (k/d)*x + w/2;
  p.cy = (k/d)*y + h/2;
  //p.d = far/d;
}

function render() {
     lines.forEach((line, index) => {
        line.forEach(project);
        paths[index].setAttribute('d', 
         `M${line[0].cx} ${line[0].cy} L${line[1].cx} ${line[1].cy}`)
     });	
}

let evt = (t, f) => addEventListener(t, e => render(f(e)));
evt('wheel', e => k *= 1 - Math.sign(e.deltaY)*0.1);
evt('mouseup', e => p = null);
evt('mousedown', e => p = {x:e.x, y:e.y, a1, a2});
evt('mousemove', e => p && (a1=p.a1-(e.x-p.x)/100) + (a2=p.a2-(e.y-p.y)/100));

body {
    background: black
}

<svg id="svg" stroke-width="2" width=500 height=500></svg>