JS1k: The JavaScript code golfing competition
2010 - The Original
a simple 2d function plotter. you can use some functions and constants like sin, cos, pow, ... (see demo itself). primitive x- and y-axes are drawn, you can even change the viewport.
- Author:
- migerh
- Twitter:
- @
- GitHub:
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- Compo:
- classic
- Demo link:
- https://js1k.com/2010-first/demo/555
- Shortlink:
- https://js1k.com/555
- Blog post:
- please update here!
- Bytes:
- 1024
- Chars:
- 1024
- Submission
(function(i,o,k,c,h,n,j,f,l){var b=300,m=225,e=i.getElementById("c"),a=e.getContext("2d"),g,d="abs,acos,asin,atan,ceil,cos,exp,floor,log,max,min,pow,random,sin,sqrt,tan,E,PI".split(",");i.write("<br>f(x)="+j+"x>"+j+"Plot type=button>"+j.slice(0,7)+"id=p><br>TopLeft:"+j+"-6>,"+j+"4.5>BottomRight:"+j+"6>,"+j+"-4.5><br>Use "+d.join(", "));g=i.getElementsByTagName(j.slice(1,6));e.height=m;e.style.border="3px solid #000";g[1].onclick=function(){var u=g[0][k],p=o(g[3][k]),s=o(g[4][k]),t=o(g[5][k]),v=o(g[6][k]),q,r=1e5;e.onmousemove=function(w){g[2][k]=[(p+(w.pageX-e.offsetLeft-3)/b*(t-p))[n](4),((w.pageY-e.offsetTop-3)/m*(v-s)-v)[n](4)]};a.clearRect(0,0,b,m);a[l]="#000";a[f](0,c[h](m/(1-s/v)),b,1);a[f](c[h](b/(1-p/t)),0,1,m);for(q=0;q<d.length;q++){u=u.replace(new RegExp(d[q],"ig"),"Math."+d[q])}u=new Function("x","{return "+u+";}");a[l]="#00f";for(q=0;q<r;q++){a[f](c[h](q/r*b),m-c[h]((u(p+q/r*(t-p))-v)*m/(s-v)),1,1)}}})(document,parseFloat,"value",Math,"floor","toPrecision","<input value=","fillRect","fillStyle");- Description
- a simple 2d function plotter. you can use some functions and constants like sin, cos, pow, ... (see demo itself). primitive x- and y-axes are drawn, you can even change the viewport.
- Base64 encoded
KGZ1bmN0aW9uKGksbyxrLGMsaCxuLGosZixsKXt2YXIgYj0zMDAsbT0yMjUsZT1pLmdldEVsZW1lbnRCeUlkKCJjIiksYT1lLmdldENvbnRleHQoIjJkIiksZyxkPSJhYnMsYWNvcyxhc2luLGF0YW4sY2VpbCxjb3MsZXhwLGZsb29yLGxvZyxtYXgsbWluLHBvdyxyYW5kb20sc2luLHNxcnQsdGFuLEUsUEkiLnNwbGl0KCIsIik7aS53cml0ZSgiPGJyPmYoeCk9IitqKyJ4PiIraisiUGxvdCB0eXBlPWJ1dHRvbj4iK2ouc2xpY2UoMCw3KSsiaWQ9cD48YnI+VG9wTGVmdDoiK2orIi02PiwiK2orIjQuNT5Cb3R0b21SaWdodDoiK2orIjY+LCIraisiLTQuNT48YnI+VXNlICIrZC5qb2luKCIsICIpKTtnPWkuZ2V0RWxlbWVudHNCeVRhZ05hbWUoai5zbGljZSgxLDYpKTtlLmhlaWdodD1tO2Uuc3R5bGUuYm9yZGVyPSIzcHggc29saWQgIzAwMCI7Z1sxXS5vbmNsaWNrPWZ1bmN0aW9uKCl7dmFyIHU9Z1swXVtrXSxwPW8oZ1szXVtrXSkscz1vKGdbNF1ba10pLHQ9byhnWzVdW2tdKSx2PW8oZ1s2XVtrXSkscSxyPTFlNTtlLm9ubW91c2Vtb3ZlPWZ1bmN0aW9uKHcpe2dbMl1ba109WyhwKyh3LnBhZ2VYLWUub2Zmc2V0TGVmdC0zKS9iKih0LXApKVtuXSg0KSwoKHcucGFnZVktZS5vZmZzZXRUb3AtMykvbSoodi1zKS12KVtuXSg0KV19O2EuY2xlYXJSZWN0KDAsMCxiLG0pO2FbbF09IiMwMDAiO2FbZl0oMCxjW2hdKG0vKDEtcy92KSksYiwxKTthW2ZdKGNbaF0oYi8oMS1wL3QpKSwwLDEsbSk7Zm9yKHE9MDtxPGQubGVuZ3RoO3ErKyl7dT11LnJlcGxhY2UobmV3IFJlZ0V4cChkW3FdLCJpZyIpLCJNYXRoLiIrZFtxXSl9dT1uZXcgRnVuY3Rpb24oIngiLCJ7cmV0dXJuICIrdSsiO30iKTthW2xdPSIjMDBmIjtmb3IocT0wO3E8cjtxKyspe2FbZl0oY1toXShxL3IqYiksbS1jW2hdKCh1KHArcS9yKih0LXApKS12KSptLyhzLXYpKSwxLDEpfX19KShkb2N1bWVudCxwYXJzZUZsb2F0LCJ2YWx1ZSIsTWF0aCwiZmxvb3IiLCJ0b1ByZWNpc2lvbiIsIjxpbnB1dCB2YWx1ZT0iLCJmaWxsUmVjdCIsImZpbGxTdHlsZSIpOw==- Original source
Original source not submitted