{
const w = width;
const h = w * 297 / 420;
svg5.createSVG(w, h)
svg5.noFill()
svg5.strokeWeight(3)
svg5.stroke('#624667')
svg5.background('#f77763')
let resX = 20; // nb de motif sur l'axe x
let resY = 15; //nb de motif sur l'axe y
let largeur = w / resX; // largeur d'un rectangle
let hauteur = h / resY;
let r;
for(let x=0; x<w; x+=largeur){
for(let y=0; y<h; y+=hauteur){
r = randInt(0,4)
if(r==0){
svg5.line(x+largeur,y,x,y+hauteur)
}else if(r==1){
svg5.line(x,y,x+largeur,y+hauteur)
}else if (r==2){
svg5.line(x+(largeur/2),y, x+(largeur/2), y+hauteur)
}else if(r==3){
svg5.line(x,y+(hauteur/2), x+largeur, y+(hauteur/2))
}else{
//svg5.rect(x,y,largeur,hauteur)
}
}
}
return html`${svg5.getHTML()}`
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
