["AdsbolAdsbl","RuneLundEL","TorstenGejl","NWammen","skaarup_df","_MaiMercado","PernilleVermund","jacobmark_sf","AlexVanopslagh","martinlidegaard","sophieloehde","mattiastesfaye","JakobEllemann","sofiecn","PiaOlsen","SorenPape","uffeelbaek","PSkipperEL"];    

let navn=["Karina Adsbøl","Rune Lund","Torsten Gejl","Nicolai Wammen","Peter Skaarup","Mai Mercado","Pernille Vermund","Jacob Mark","Alex Vanopslagh","Martin Lidegaard","Sophie Løhde","Mattias Tesfaye","Jakob Ellemann-Jensen","Sofie Carsten Nielsen","Pia Olsen Dyhr","Søren Pape","Uffe Elbæk","Pernille Skipper"]

let folgere=  [2815,3236,4346,6719,13387,13903,14330,14527,15265,23291,24286,29987,40733,48222,55689,58756,58797,81647];

let billed = [];

​

function preload() {

  for (let i = 0; i < navn.length; i++) {

  billed[i]=loadImage("https://tdb01.ruc.dk/tdb-api/img/"+user[i]+".jpg");

}}

​

function setup() {

fill(255,255,255);

createCanvas(400, 400); 

background(0);

imageMode(CENTER); // centrer alle billeder

translate(10,25);

text("Sebastian Rix", 330, -20, 55,55);

  for (let j = 0; j < navn.length; j++) {

   image(billed[j],150,20*j,25,25);

   text (navn[j], 0, j*20);

   text(folgere[j], 175,j*20);  

   rectMode(CORNER);

   let bestBar = -9 + j*20

   rect(220, bestBar,folgere[j]/500 ,10);

} }