﻿ Code your math picture - Examples

# Code your math picture - Examples

This page describes the input commands for the Code your math picture web application.

 ``````initPicture(-4,4); axes(5, 1, true); grid() pointsize = dotmarkersize = "4" pointfill = dotmarkerfill = "purple" point([0,0], "|", "0", "left") var f = function(x) { return sin(x) }; var g = function(x) { return 1/f(x) }; strokewidth = "3" stroke = "tomato" plot(f,-5,5); stroke = "purple" plot(g,-5,-pi-0.05); plot(g,-pi+0.05,0); plot(g,0,pi-0.05); plot(g,pi+0.05,5); strokewidth = "2" line([-pi,-5],[-pi,5]) line([pi,-5],[pi,5]) strokewidth = "2" stroke = "green" point([pi,0], "open", "π", "belowleft") var xp = pi/2 line([xp,0],[xp,f(xp)]) line([xp,f(xp)], [0,f(xp)],"dotarrow") strokewidth = "1" point([0,f(xp)], "open") point([xp,0], "open", "π/2 ≈ "+round(xp,3))`````` ``````initPicture(-4,4); axes(5, 1, true); grid() var p var f = function(x) { return x^3-p*x }; strokewidth = "3" stroke = "rgb(200,0,200)" for (p=0;p<4;p++) { stroke = "rgb("+p*60+","+p*20+","+p*40+")" plot(f,-5,5); }`````` ``````initPicture(-pi-0.5,2*pi+0.5); axes(10, 1, true); gridstroke="lightgrey"; grid() var f = function(x) { return sin(x) }; var g = function(x) { return cos(x) }; var h = function(x) { return tan(x) }; strokewidth = "2" stroke = "red" fontfill = "red" plot(f,-pi-0.5,2*pi+0.5); text([2.1,1],"sin(x)") stroke = "blue" fontfill = "blue" plot(g,-pi-0.5,2*pi+0.5); text([3.1,-1.1],"cos(x)") stroke = "green" fontfill = "green" plot(h,-pi-0.5,-pi/2-0.05); plot(h,-pi/2+0.05,pi/2-0.05); plot(h,pi/2+0.05,3*pi/2-0.05); plot(h,3*pi/2+0.05,2*pi+0.5); text([3.5,2],"tan(x)") strokewidth = "1" fontfill = stroke = "black" point([0,0], "|", "0", "below") point([pi/2,0], "|", "π/2", "below") line([pi/2,-5.5],[pi/2,5.5]) point([pi,0], "|", "π", "below") point([3*pi/2,0], "|", "3π/2", "below") line([3*pi/2,-5.5],[3*pi/2,5.5]) point([2*pi,0], "|", "2π", "below") point([-pi/2,0], "|", "-π/2", "below") line([-pi/2,-5.5],[-pi/2,5.5]) point([-pi,0], "|", "-π", "below") `````` ``````// Parametric plot initPicture(-5,5); axes(1, true); grid() strokewidth = "3" stroke = "red" var x = function(t) { return 4*sin(3*t+1.57) }; var y = function(t) { return 4*sin(2*t) }; plot([x,y],-5,5);`````` ``````// Polar plot initPicture(-3,3); axes(1, true); grid() strokewidth = "3" stroke = "teal" var r = function(t) { return 0.001*t^2 }; polarplot(r,0,16*pi,1000);`````` ``````// Polar plot 2 initPicture(-2.5,2.5); axes(1, true); grid() strokewidth = "5" stroke = "purple" var r = function(t) { return 2*cos(4*t) }; polarplot(r,0,2*pi,1000);`````` ``````// Discrete graph initPicture(-2,2) dotmarkersize = "12" strokewidth = "3" var a = [] var n = 9 for (var i = 0; i < n; i++) { a[i] = [cos(pi/4*(-1)*i+pi/2), sin(pi/4*(-1)*i+pi/2)] } path([a[0],a[3],a[6],a[1],a[4],a[7],a[2],a[5], a[0],a[4],a[5],a[1],a[2],a[6],a[7],a[3]]) path(a,"dotdotdot")`````` ``````// Venn diagram initPicture(-5.5,5.5) fillopacity="0.7" fill="red" ellipse([-2,0],3,2) fill="blue" ellipse([2,0],3,2) textanchor = "middle" fontsize = "32" text([-2,0],"A") text([2,0],"B") line([0,0],[0,-2.5],"arrow") text([0,-3],"A ∩ B")`````` ``````initPicture(-5,5);gridstroke="lightgrey";grid() pointsize = "4" pointfill = "black" fontsize="24" point([0,0],"closed","O","below") var r=3 strokewidth="3" circle([0,0],r) var B=[r*cos(degtorad(60)),r*sin(degtorad(60))] triangle([-r,0],[r,0],B) line([0,0],B) strokewidth="1" sector([-r,0],0.8,0,30) sector([r,0],0.6,120,60) sector(B,0.6,-120,60) sector(B,0.6,-150,30) pointsize = "0" point([-r,0],"closed","A","left") point([r,0],"closed","C","right") point(B,"closed","B","aboveright") text([-r+0.85,0.3],"α") text([r-0.85,0.4],"β") text([0.8,2.05],"α") text([1.4,1.75],"β")`````` ``````initPicture(-5,5) gridstroke = "lightgrey" grid() var w=8; var h=6 strokewidth="2" rect([-w/2,-h/2],[w/2,h/2]) stroke="grey" perpendsize = "14" perpend([-w/2,h/2],-90) perpend([w/2,-h/2],90) point([0.25-w/2,0.5-h/2],"open") point([-0.25+w/2,-0.5+h/2],"open") pointfill = "grey" point([0.7-w/2,0.2-h/2],"closed") point([-0.7+w/2,-0.2+h/2],"closed") strokedasharray = "10" stroke ="red" line([-w/2,-h/2],[w/2,h/2]) fontsize="32" text([(-w/2)-0.5,0],"a") text([0,(h/2)+0.5],"b") text([0,0],"h") text([0,-1.5],"h = ?")`````` ``````// Bar chart initPicture(-1,13,-2,9.5) gridstroke="rgb(200,200,200)" grid();axes() stroke="none" fillopacity="0.5" textanchor="middle" var jan2013 = 20 var dec2013 = 31 fill="rgb(255,0,0)" rect([0.5,0],[1.5,jan2013/10]) fill="rgb(255,100,100)" rect([1.5,0],[2.5,dec2013/10]) text([1,0.2+jan2013/10], jan2013+"%") text([2,0.2+dec2013/10], dec2013+"%") textanchor="start" text([1,-0.2],"jan 2013",-90) text([2,-0.2],"dec 2013",-90) textanchor="middle" var jan2014 = 48 var dec2014 = 54 fill="rgb(0,255,0)" rect([3.5,0],[4.5,jan2014/10]) fill="rgb(100,255,100)" rect([4.5,0],[5.5,dec2014/10]) text([4,0.2+jan2014/10], jan2014+"%") text([5,0.2+dec2014/10], dec2014+"%") textanchor="start" text([4,-0.2],"jan 2014",-90) text([5,-0.2],"dec 2014",-90) textanchor="middle" var jan2015 = 79 var dec2015 = 71 fill="rgb(0,0,255)" rect([6.5,0],[7.5,jan2015/10]) fill="rgb(100,100,255)" rect([7.5,0],[8.5,dec2015/10]) text([7,0.2+jan2015/10], jan2015+"%") text([8,0.2+dec2015/10], dec2015+"%") textanchor="start" text([7,-0.2],"jan 2015",-90) text([8,-0.2],"dec 2015",-90) textanchor="middle" var jan2016 = 66 var dec2016 = 64 fill="rgb(200,0,200)" rect([9.5,0],[10.5,jan2016/10]) fill="rgb(200,100,200)" rect([10.5,0],[11.5,dec2016/10]) text([10,0.2+jan2016/10], jan2016+"%") text([11,0.2+dec2016/10], dec2016+"%") textanchor="start" text([10,-0.2],"jan 2016",-90) text([11,-0.2],"dec 2016",-90)`````` ``````// Pie chart initPicture(-5,5) var r = 4 strokewidth = "2" stroke = "Ivory" fontsize = "32" fontfill = "white" fill = "red" sector([0,0], r, 0, 45) text([2,1],"12.5%") fill = "green" sector([0,0], r, 45, 90) text([-0.5,2],"25%") fill = "blue" sector([0,0], r, 135, 135) text([-2.5,-1],"37.5%") fill = "purple" sector([0,0], r, 270, 90) text([1,-2],"25%")`````` ``````// Animation var r = 1 var fun = function(x) { point([0.1*x*cos(x),0.1*x*sin(x)]) } animate(50,0.1,fun,60)``````