<script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <canvas id="canvas"></canvas> <svg id="svgLayer" xmlns="http://www.w3.org/2000/svg"></svg> <div class="small">Press <b>P</b> to save a PNG snapshot. SVG export is layer-based.</div>
dataviz ยท factory manifold

Factory tensorfield data-viz

factory manifold

available field phi-request-ontology-graph object
/rhiz/factory/data-viz/manifold/tensorfield/public/index.html
","","","
Press P to save a PNG snapshot. SVG export is layer-based.
"],"keywords":["span","input","type","step","range","script"],"metrics":{"representativePath":"/rhiz/factory/data-viz/manifold/tensorfield/public/index.html","sampledPaths":["/rhiz/factory/data-viz/manifold/tensorfield/public/index.html","/rhiz/factory/data-viz/manifold/tensorfield/public/js/tensorfield.js"],"extension":".html","lines":78,"nonEmptyLines":72,"bytes":4375,"importCount":0,"exportCount":1,"functionCount":1,"classCount":0,"objectKeys":6,"payloadKind":"object"},"dataset":{"series":[47,3,9,33,22,6,44,49,52,34,4,50,32,76,87,60,99,50,7,76,78,33,92,55],"matrix":[[0.47,0.03,0.09,0.33,0.22,0.06],[0.44,0.49,0.52,0.34,0.04,0.5],[0.32,0.76,0.87,0.6,0.99,0.5],[0.07,0.76,0.78,0.33,0.92,0.55],[0.47,0.03,0.09,0.33,0.22,0.06],[0.44,0.49,0.52,0.34,0.04,0.5]],"nodes":[{"id":"factory-tensorfield-dataviz-0","label":"span","weight":47},{"id":"factory-tensorfield-dataviz-1","label":"input","weight":3},{"id":"factory-tensorfield-dataviz-2","label":"type","weight":9},{"id":"factory-tensorfield-dataviz-3","label":"step","weight":33},{"id":"factory-tensorfield-dataviz-4","label":"range","weight":22},{"id":"factory-tensorfield-dataviz-5","label":"script","weight":6}],"edges":[{"from":"factory-tensorfield-dataviz-0","to":"factory-tensorfield-dataviz-1","weight":50},{"from":"factory-tensorfield-dataviz-0","to":"factory-tensorfield-dataviz-2","weight":47},{"from":"factory-tensorfield-dataviz-1","to":"factory-tensorfield-dataviz-2","weight":12},{"from":"factory-tensorfield-dataviz-1","to":"factory-tensorfield-dataviz-3","weight":33},{"from":"factory-tensorfield-dataviz-2","to":"factory-tensorfield-dataviz-3","weight":42},{"from":"factory-tensorfield-dataviz-2","to":"factory-tensorfield-dataviz-4","weight":22},{"from":"factory-tensorfield-dataviz-3","to":"factory-tensorfield-dataviz-4","weight":55},{"from":"factory-tensorfield-dataviz-3","to":"factory-tensorfield-dataviz-5","weight":33},{"from":"factory-tensorfield-dataviz-4","to":"factory-tensorfield-dataviz-5","weight":28},{"from":"factory-tensorfield-dataviz-4","to":"factory-tensorfield-dataviz-0","weight":47},{"from":"factory-tensorfield-dataviz-5","to":"factory-tensorfield-dataviz-0","weight":53},{"from":"factory-tensorfield-dataviz-5","to":"factory-tensorfield-dataviz-1","weight":6}],"payloadKeys":["preset","family","type","amplitude","density","directives"],"payloadKind":"object"},"snapshot":{"executionHash":"4919f995f09911a8f418e1eb2ba97b4c2ad69ae92693977a4775065650f584f4","stateHash":"bbc0799e2ada41f78f068e30fb51304d6f33262fc4461573404251be41ac4344","fidelity":0.98,"phaseVector":[47,3,9,33],"superpositionBands":[0.47,0.03,0.09,0.33,0.22,0.06]}}; const DPR = Math.min(window.devicePixelRatio || 1, 2); function resize(){canvas.width=canvas.clientWidth*DPR;canvas.height=canvas.clientHeight*DPR;ctx.setTransform(DPR,0,0,DPR,0,0)} resize(); addEventListener('resize', resize); let tick = 0; function drawLine(w,h){ ctx.strokeStyle='rgba(140,183,255,0.9)'; ctx.lineWidth=2; ctx.beginPath(); manifest.dataset.series.forEach((value,index)=>{ const x=24+index*((w-48)/Math.max(1,manifest.dataset.series.length-1)); const y=h-64-(value%92)*1.18; if(index===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); }); ctx.stroke(); } function drawMatrix(){ manifest.dataset.matrix.forEach((row,rowIndex)=>{ row.forEach((value,columnIndex)=>{ ctx.fillStyle='rgba(132,238,210,'+(0.14+value*0.78)+')'; ctx.fillRect(28+columnIndex*28,72+rowIndex*28,20,20); }); }); } function drawNetwork(w,h){ const cx=w/2, cy=h/2; const points = manifest.dataset.nodes.map((node,index)=>({ x:cx+Math.cos(index*0.92+tick*0.011)*(58+(node.weight%46)), y:cy+Math.sin(index*0.92+tick*0.014)*(42+(node.weight%28)), weight:node.weight })); manifest.dataset.edges.forEach((edge,index)=>{ const from=points[index % points.length]; const to=points[(index+1) % points.length]; ctx.strokeStyle='rgba(140,183,255,0.24)'; ctx.beginPath(); ctx.moveTo(from.x,from.y); ctx.lineTo(to.x,to.y); ctx.stroke(); }); points.forEach((point,index)=>{ ctx.fillStyle=index%2===0?'#84eed2':'#8cb7ff'; ctx.beginPath(); ctx.arc(point.x,point.y,3+(point.weight%4),0,Math.PI*2); ctx.fill(); }); } function drawField(w,h){ manifest.dataset.matrix.forEach((row,rowIndex)=>{ row.forEach((value,columnIndex)=>{ const x = 24 + columnIndex * ((w - 48) / row.length); const y = 64 + rowIndex * 32; const radius = 8 + value * 18 + (manifest.dataset.series[(rowIndex + columnIndex) % manifest.dataset.series.length] % 9); ctx.fillStyle = rowIndex % 2 === 0 ? 'rgba(132,238,210,0.2)' : 'rgba(140,183,255,0.18)'; ctx.beginPath(); ctx.arc(x, y, radius, 0, Math.PI * 2); ctx.fill(); }); }); } function drawBars(w,h){ manifest.dataset.series.slice(0,12).forEach((value,index)=>{ const x=28+index*22; const barHeight=(value%96)*1.12; ctx.fillStyle=index%2===0?'rgba(132,238,210,0.74)':'rgba(140,183,255,0.74)'; ctx.fillRect(x,h-56-barHeight,14,barHeight); }); } function frame(){ tick += 1; const w=canvas.clientWidth, h=canvas.clientHeight; ctx.clearRect(0,0,w,h); if(manifest.previewMode==='line') drawLine(w,h); else if(manifest.previewMode==='matrix') drawMatrix(); else if(manifest.previewMode==='network') drawNetwork(w,h); else if(manifest.previewMode==='field') drawField(w,h); else drawBars(w,h); ctx.fillStyle='rgba(255,255,255,0.84)'; ctx.font='10px ui-monospace, monospace'; ctx.fillText('execution ' + manifest.snapshot.executionHash.slice(0, 12), 16, canvas.clientHeight - 18); requestAnimationFrame(frame); } frame();