ASCIIMathML-SVG Graph Types

agraph
setGraphType(LinearLinear);
setViewport(900,500,60);
setGraphArea(-5,5,-5,5);
setGridandTicks(0.5,0.5,1,1);
setLabelsandTitle(Automatic,"X-Axis","Y-Axis","Linear - Linear / Some Bezier Curves");
setBackgroundFill("orange",0.7);
initPicture();
setBackgroundFill("white",1);
setFill("lightblue",0.5);
drawGraphArea();
marker="none";
fill="none";
stroke="black";
bezier("M60,300 Q400,50 600,300 T840,300");
svgPath("M100,200 C100,100 250,100 250,200 ");
beziercubic([-5,0],[0,0],[-2.5,5]);
stroke="red";
bezierquadratic([-5,0],[-2.5,5],[0,0],[-2.5,5]); 
loop([2.5,2.5],[3,3]);
loop([2.5,2.5],[3,-3]);
loop([2.5,2.5],[-3,-3]);
loop([2.5,2.5],[-3,3]);
rect([-2.5,-2.5],[2.5,2.5],"test");
var transformstr="";
transformstr +=rotate("test",[0,0],30);
transformstr +=skewx("test",[0,0],15);
transformstr +=scale("test",[0,0],0.5,0.3);
transform("test", transformstr);
stroke="black";
strokewidth=3;
fill="blue";
fillopacity=0.2;
areaplot(["t*t","2"],-1,1);
fill="none";
setDot("+",6,1,"blue",null,1,null,0);
initDotPlot();
addDotItem(-4,-1,"+","plus","rightmiddle","dotplus");
addDotItem(-4,-1.5,"x","times","rightmiddle","dottimes");
addDotItem(-4,-2,"-","minus","rightmiddle","dotminus");
addDotItem(-4,-2.5,"|","bar","rightmiddle","dotbar");
addDotItem(-4,-3,"square","square","rightmiddle","dotsquare");
addDotItem(-4,-3.5,"diamond","diamond","rightmiddle","dotdiamond");
addDotItem(-4,-4,"open","open","rightmiddle","dotopen");
addDotItem(-4,-4.5,"closed","closed","rightmiddle","dotclosed");
addDotItem(-2,-1,"triangletop","triangletop","rightmiddle","dottop");
addDotItem(-2,-1.5,"trianglebottom","trianglebottom","rightmiddle","dotbottom");
addDotItem(-2,-2,"triangleleft","triangleleft","rightmiddle","dotleft");
addDotItem(-2,-2.5,"triangleright","triangleright","rightmiddle","dotright");
plotDots();
axesBorder("2","black");
viewportBorder("3","black");
endagraph

agraph  
TypeOfGraph=LinearLinear;
setViewport(900,500,60);
setGraphArea(-5,5,-5,5);
setGridandTicks(0.5,0.5,1,1);
setLabelsandTitle(TopLeft,"X-Axis","Y-Axis","Linear - Linear / Integrating & Differentiating");
axes(); 
marker="none";
fill="none";
stroke = "blue";
strokewidth = "2";
plot("sin(x)");
stroke="green";
differentiate("sin(x)");
stroke="yellow";
differentiate2("sin(x)");
stroke = "red";
initintegrate(-cos(xmin));
integrate("sin(x)");
stroke="black";
initintegrate(-cos(xmin),-sin(xmin));
integrate2("sin(x)");
stroke="red";
plot("x");
stroke="green";
initintegrate(12.5);
integrate("t");
stroke="yellow";
plot("t^2/2");
axesBorder("2","black");
viewportBorder("3","black");
endagraph

agraph
TypeOfGraph=Polar;
setViewport(600,600,60);
setGraphArea(-5,5,-5,5);
setGridandTicks(1,1/24,1,1);
setLabelsandTitle(Automatic,"Im","Re","Polar Plot");
axes(); 
setPen("2","blue");
plot(["t*cos(pi*t)", "t*sin(pi*t)"],0,5);
setPen("2","green");
polarplot("-t/pi",0,5*pi);
axesBorder("1","light"+gridstroke);
viewportBorder("3","black");
endagraph

agraph
setViewport(900,128,0);
setGraphArea(0,1000,0,100);
initPicture();
createGradient("5%","#DDDDDD","95%","#AAAAAA","MyGradient");
setGradient("MyGradient",0.4);
rect([0,0],[1000,100]);
fill="none";
image("home.png",[850,0],"128","128","image0");
settitlefont();
text([250,85],"Legend","middle"); 
setPen("2","blue");
line([25,65],[90,65]); text([100,65],"`sin(x)`","right"); 
setPen("2","red");
line([25,40],[90,40]); text([100,40],"`x=5*t*cos(pi*t)` `y=5*t*sin(pi*t)`","right"); 
viewportBorder("3","black");
endagraph

agraph
TypeOfGraph=LinearLogaritmic;
setViewport(900,500,60);
setGraphArea(-5,5,-5,5);
setGridandTicks(1,1,1,1);
setLabelsandTitle(BottomLeft,"X-Axis","Y-Axis","Linear - Logaritmic Plot");
axes(); 
setPen("2","red");
plot(["t", "2*log(t)"],-5,5); 
axesBorder("2","black");
viewportBorder("3","black");
endagraph 

agraph 
TypeOfGraph=LogaritmicLinear;
setViewport(900,500,60);
setGraphArea(-5,5,0,5);
setGridandTicks(1,1,1,1);
setLabelsandTitle(BottomLeft,"X-Axis","Y-Axis","Logaritmic - Linear Plot");
axes(); 
setPen("2","red");
plot(["t", "50*5^t"],-5,5); 
axesBorder("2","black");
viewportBorder("3","black");
endagraph 

agraph 
TypeOfGraph=LogaritmicLogaritmic;
setViewport(900,500,60);
setGraphArea(-5,5,0,5);
setGridandTicks(1,1,1,1);
setLabelsandTitle(BottomLeft,"X-Axis","Y-Axis","Logaritmic - Logaritmic Plot");
axes(); 
setPen("2","red");
plot(["t", "t^2"],0,5); 
axesBorder("2","black");
viewportBorder("3","black");
endagraph

The original ASCIIMathML and ASCIIsvg scripts have been developed by by Peter Jipsen, Chapman University (jipsen@chapman.edu)
LaTeXMathML has been developed by Douglas Woodall (and exteded by Jeff Knisley), based on ASCIIMathML
The version of ASCIIMathML used here, is a modified and extended version, developed by Dr.ir. S.A. Miedema
Other sources: An ASCIIsvg manual by Robert Fant.  An ASCIIsvg manual by Peter Jipsen. An ASCIIMathML manual by James Gray.

Plugins and fonts required (depending on your browser): MIT MathML font packages, MathPlayer, Adobe SVGviewer
Look at: http://www.w3.org/TR/SVG11/ for detailed information about SVG.
Look at: http://www.w3.org/Math/ for detailed information about MathML

Copyright © Dr.ir. S.A. Miedema, Delft University of Technology, Faculty of Mechanical Engineering, Marine Technology & Materials Science
Department of Marine & Transport Technology, The Chair of Dredging Engineering