JSFiddle - React, Tailwind, and code Playground

JavaScript

var upper = 15;
var set1 = [3,4,5,7,9,10,11,12,13,14];
var set2 = [1,5,9,10,2,11];
var set3 = [5,7,2,11,12,13,14,15];

z=document;
function t(e,c){z.getElementById(e).innerHTML+=' '+c;}

s=200+upper*20;
z.body.innerHTML+="<style>#m{width:"+s+"px;height:"+s+"px;}div{position:absolute;text-align:center;border-radius:50%;}#s1{left:calc(15% + 15px);top:30px;bottom:30%;right:calc(15% + 15px);background-color:rgba(255,0,0,0.4);padding:10%;}#s2{left:30px;bottom:30px;top:30%;right:30%;background-color:rgba(0,255,0,0.4);padding-right:40%;padding-top:30%;}#s3{right:30px;bottom:30px;top:30%;left:30%;background-color:rgba(0,0,255,0.4);padding-left:40%;padding-top:30%;}#s123{left:40%;top:40%;right:40%;bottom:40%;}#s12{left:20%;top:35%;right:65%;bottom:50%;}#s13{right:20%;top:35%;left:65%;bottom:50%;}#s23{left:40%;right:40%;bottom:15%;top:70%;}</style><div id=m><div id=s1 class=s></div><div id=s2 class=s></div><div id=s3 class=s></div><div id=s123 class=v></div><div id=s12 class=v></div><div id=s13 class=v></div><div id=s23 class=v></div></div>";

for(i=0;i<=upper;i++){
    i1=i2=i3=false;
    if(set1.indexOf(i) != -1)
        i1 = true;
    if(set2.indexOf(i) != -1)
        i2 = true;
    if(set3.indexOf(i) != -1)
        i3 = true;
    
    if(i1 && i2 && i3)
        t('s123',i);
    else if(i1 && i2)
        t('s12',i);
    else if(i1 && i3)
        t('s13',i);
    else if(i2 && i3)
        t('s23',i);
    else if(i1)
        t('s1',i);
    else if(i2)
        t('s2',i);
    else if(i3)
        t('s3',i);
    else
        t('m',i);
}