Criei um Codigo para vc dar a fração e o programa devolve ela desenhada!

<meta charset="utf-8">

<canvas width="6000" height="400"></canvas>


<script>

    var tela = document.querySelector(`canvas`);
    var pincel = tela.getContext('2d');
    pincel.fillStyle = 'lightgray';
    pincel.fillRect(0, 0, 600, 400)

    var numerador = parseInt(prompt('Qual o valor do numerador'));
    var denominador = parseInt(prompt('Qual o valor do denominador'));

    function desenhaQuadrado(tamanho){
        pincel.fillStyle = 'purple';
        pincel.fillRect(tamanho,0,50,50);
    }

     function desenhaMargem(tamanho){
        pincel.strokeStyle= 'black';
        pincel.strokeRect(tamanho,0,50,50);
    }

    function fazMargem(){
        var n = 0;
        var margem = 0;
        while(n<denominador){
            desenhaMargem(margem);
            margem=margem+50;
            n++;
        }                    
    }        

    function fazQuadrado(){
        var n = 0;
        var margem = 0;
        while(n<numerador){
            desenhaQuadrado(margem);
            margem=margem+50;
            n++;
        }
    }    

fazQuadrado();
fazMargem();

</script>