I'm trying to make a system create a graph of a math function, and I'm developing it in svg . But I'm finding some difficulties, the first one is the lack of automation, because as we know, one such a graphics is infinite, and I can not imagine a way to accomplish this feat. I just wanted something similar to what happens in example from Google . In it we can see that something drag or zoom, the numerical values of fit. In my case I'm doing the numbers manually. If anyone has any tips, please let me know.
My example is here
Summary of what I am needing, that when zooming or dragging the numbers fit and that the thicknesses of the lines remain the same, but in relation to the "infinity" in the graphic, if it can not be done a kind of limitation.