Specific line will not render?

Projective GA
#1

Hi Guys… Great tool and appreciate all the work you have put into it… amazing!

Using the source below, line l1 will not display, although its associated tag will display?
Am I missing some basic principle of Clifford PGA ?

The other thing I dont understand is that when l2 renders, it does not appear to go through the two points used to create it in a join function. Am I missing some key concept here??

Algebra(3,0,1,()=>{

  var point      = (x,y,z)=>!(1e0 + x*1e1 + y*1e2 + z*1e3),
      join       = (p1,p2)=>p1&p2;

  var P1 = point(0,0,1),  P2 = point(1,1,0),
      P3 = point(1,0,1),  P4 = point(2,1,0);

  var l1 = join( P1,P2 ),
      l2 = join( P3,P4 );
    
  document.body.appendChild(this.graph(()=>{
    return [
      "Why Line l1 Won't render??s",
      0xFF0000,l1,"Where is line l1?",l2,"l2 Ref orthog line", // Text renders in about correct place?
    ];
  },{grid:true, labels:true,lineWidth:3, h:-0.4, p:-0.05, scale:1.01, animate:true}));

});
#2

I am just another user, but I note that in my code, I use
return this.graph(()=>{
instead of your document.bodu construction, and that works.