Media 3

<svg id="grid-1"
     width="640" height="420"
     data-range-x="-10,10"
     data-range-y="-5,5"
     data-step-x="1"
     data-step-y="1"
     data-funcs="sin(x); x^2/10; log(abs(x))"
     data-labels="y=sin(x); y=x^2/10; y=ln|x|"
     data-colors="#1976d2; #e53935; #43a047"
     data-legend="true">
</svg>

<!-- Trigonometría: X en múltiplos de π/2, Y numérico -->
<svg id="grid-1" width="640" height="420"
     data-range-x="-2pi,2pi" data-range-y="-2,2"
     data-step-x="pi/2" data-step-y="0.5"
     data-funcs="sin(x); cos(x)" data-labels="sen(x); cos(x)"
     data-colors="#1976d2; #d32f2f" data-legend="true"></svg>

<!-- Ambos ejes con e: útil para exponenciales -->
<svg id="grid-2" width="640" height="420"
     data-range-x="-e,e" data-range-y="-2e,2e"
     data-step-x="e/2" data-step-y="e/2"
     data-funcs="exp(x)-e" data-labels="e^x - e"
     data-colors="#43a047" data-legend="true"></svg>