<canvas id="typy-canvas" width="400" height="300" style="border: 1px solid #000;">
    Your browser doesn't support canvas.
</canvas>
<script>
    const canvas = document.getElementById('typy-canvas');
    const ctx = canvas.getContext('2d');
    
    // Draw Typy's face
    ctx.fillStyle = '#4ecdc4';
    ctx.fillRect(150, 100, 100, 100);
    
    // Draw Typy's eyes
    ctx.fillStyle = '#000';
    ctx.fillRect(170, 120, 20, 20);
    ctx.fillRect(210, 120, 20, 20);
    
    // Draw Typy's smile
    ctx.beginPath();
    ctx.arc(200, 160, 30, 0, Math.PI);
    ctx.stroke();
</script>