فن البيانات: تصور المعطيات

المفهوم

فن البيانات يُسقط القيم الرقمية على خصائص بصرية: موقع، حجم، لون، دوران. على عكس الإنفوغرافيك (الوضوح)، يسعى فن البيانات للتعبيرية والجمال.

الكود

// Data-art: animated bar heights from noise
let data = [];
function setup() {
  createCanvas(400, 280);
  for (let i=0; i<30; i++) data.push(0);
}
function draw() {
  background(11,15,20);
  let bw = width/data.length;
  for (let i=0; i<data.length; i++) {
    data[i] = noise(i*0.2, frameCount*0.01) * height * 0.8;
    noStroke(); fill(55, 227, 195, 180);
    rect(i*bw+2, height-data[i], bw-4, data[i]);
  }
}

للمزيد

استكشف الدورات المجانية الأخرى على صفحة التعلم، أو احجز مكالمة لمناقشة مشروعك.