'; SDV($GUIButtons['ASCIIsvg'],array(1000, '\\\begin{graph} ', ' \\\end{graph}', 'width=300; height=200; xmin=-6.3; xmax=6.3; xscl=1; plot(sin(x));', '$ASCIIMathMLUrl/graph.gif"$[ASCIIsvg-graph]"')); SDV($GUIButtons['ASCIImath'],array(1000, '`', '`', 'sqrtn', '$GUIButtonDirUrlFmt/math.gif"$[Math formula (ASCIIMath)]"')); Math etc - ASCIIsvg Documentation

ASCIIsvg Documentation

ASCIIsvg.ASCIIsvgDocumentation History

Hide minor edits - Show changes to markup

October 11, 2007, at 07:16 PM by 10.100.0.83 -
Changed line 27 from:

axes({dx,dy,labels,gdx,gdy}) this command is required, usually in the form axes()

to:

axes({dx,dy,labels,gdx,gdy}) this command is no longer required since it is added automatically in the form axes()

October 11, 2007, at 07:15 PM by 10.100.0.83 -
Changed line 9 from:

PmWiki: (:g``raph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

to:

PmWiki: (:g``raph plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

October 11, 2007, at 07:14 PM by 10.100.0.83 -
Changed lines 5-9 from:

HTML: <embed class="ASCIIsvg" script='plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file)

or use a``graph plot(sin(x)) enda``graph

PmWiki: (: graph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

to:

HTML: <embed class="ASCIIsvg" script='plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file)``

or use a``graph plot(sin(x)) enda``graph

PmWiki: (:g``raph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

October 11, 2007, at 07:12 PM by 10.100.0.83 -
Changed lines 5-7 from:

HTML: <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file, or include a path to d.svg)

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

to:

HTML: <embed class="ASCIIsvg" script='plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file)

or use a``graph plot(sin(x)) enda``graph

PmWiki: (: graph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

August 01, 2007, at 04:46 PM by 10.100.0.56 -
Changed line 9 from:

The default size of the graph is 300x200 pixels, the x-axes ranges from -5.5 to 5.5 and the y-axes ranges from -3.7 to 3.7 (these can be changes using the commands below).

to:

The default size of a graph is 300x200 pixels, the x-axes ranges from -5.5 to 5.5 and the y-axes ranges from -3.7 to 3.7 (these can be changes using the commands below).

August 01, 2007, at 01:11 AM by 10.100.0.71 -
Changed line 7 from:

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph

to:

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph. Add %center% or %floatright% at beginning of line to position the graph.

August 01, 2007, at 01:08 AM by 10.100.0.71 -
Changed lines 15-16 from:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) (or p=[1,2] if JavaScript syntax is preferred).

to:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) (or p=[1,2] if JavaScript syntax is preferred). Commands on the same line MUST be separated by semicolons (none are needed at end of line).

Changed lines 19-24 from:

width=px; height=py

xmin=a; xmax=b; xscl=dx

ymin=c; ymax=d; yscl=dy

to:

width=300; height=200 gives the dimensions of the graph in pixels

xmin=-5.5; xmax=5.5; xscl=dx gives range of x-axis and distance between ticks. If xscl is given, a grid is also drawn.

ymin=c; ymax=d; yscl=dy gives range of y-axis. If ymin is omitted, x-axis is centered vertically. If ymax is omitted, the scale on both axes is chosen the same.

Changed lines 27-28 from:

line(p,q {,id,endpts}) line segment connecting points p,q (coordinates in units)

to:

line(p,q {,id,endpts}) line segment connecting points p,q (coordinates in units). The id value can be any string that is added as identifier to this svg element. If the command is repeated with the same id, the element is updated (instead of creating a new element). This is only useful for interactive graphs. For the endpts parameter see the endpoints variable below.

Changed lines 31-32 from:

plot(f(x) {,x_min,x_max,points,id,endpts}) plot a function of "x"

to:

plot(f(x) {,x_min,x_max,points,id,endpts}) plot a function of "x" as "x" ranges from x_min to x_max, using the given number of points (default points = 200)

Changed lines 129-131 from:

arrowhead(p,q) { draw arrowhead pointing from p ending at q (need to add a size param)

to:

switchTo(id) select the nth picture that should be the target of subsequent commands, e.g. switchTo(3) or switchTo("picture3")

arrowhead(p,q) draw arrowhead pointing from p ending at q (need to add a size param)

August 01, 2007, at 12:52 AM by 10.100.0.71 -
Added lines 63-68:

showcode() show the ASCIIsvg code in a textarea above the graph

showbutton() put a show/hide button above the graph that can be used to locally edit the ASCIIsvg code and update the graph

nobutton() current default. This deprecated command remains for backward compatibility.

Deleted lines 69-76:

hideCode()

showcode()

nobutton()

showbutton()

August 01, 2007, at 12:47 AM by 10.100.0.71 -
Added lines 65-72:

hideCode()

showcode()

nobutton()

showbutton()

Changed lines 75-102 from:

strokewidth = "1" // default line width in pixel

stroke = "blue" // default line color

strokeopacity = 1 // transparent = 0, solid =1

strokedasharray = null // "10 10" gives 10px long dashes

fill = "none" // default fill color

fillopacity = 1 // transparent = 0, solid =1

fontstyle = "normal" // default text shape normal|italic|inherit

fontfamily = "times" // default font times|ariel|helvetica|...

fontsize = "16" // default size (scaled automatically)

fontweight = "normal"// normal|bold|bolder|lighter|100|...|900

fontstroke = "none" // default font outline color

fontfill = "none" // default font color

marker = "none" // "dot" | "arrow" | "+" | "-" | "|"

endpoints = "" // "c-d" where c is <|o|* and d is >|o|*

to:

strokewidth = "1" line width in pixel

stroke = "blue" line color

strokeopacity = 1 transparent = 0, solid =1

strokedasharray = null e.g. "10 10" gives 10px long dashes

fill = "none" fill color

fillopacity = 1 transparent = 0, solid =1

fontstyle = "normal" text shape normal|italic|inherit

fontfamily = "times" font times|ariel|helvetica|...

fontsize = "16" size (scaled automatically)

fontweight = "normal" normal|bold|bolder|lighter|100|...|900

fontstroke = "none" font outline color

fontfill = "none" font color

marker = "none" place a mark at each point of a line, path or curve. Possible values "none" | "dot" | "arrow" | "+" | "-" | "|".

endpoints = "" 3-character string determines the endpoints of a line, path or curve. The form is "c-d" where c is <|o|* and d is >|o|* e.g. "<->" means arrow at both ends, *-o means closed dot on start point, open circle on end point.

August 01, 2007, at 12:34 AM by 10.100.0.71 -
Changed lines 49-59 from:

loop(p,d {,id}) draw a small loop a point p@] in direction d (for directed graphs, i.e. networks)

vector(p,q {,id}) is equivalent to line(p,q,id,"","->")@]

arc(start,end,radius,id)

sector(center,start,end {,id}) not yet implemented

ellipse(center,rx,ry {,id}) draw an ellipse

triangle(p,q,r {,id}) is equivalent to path([p,q,r],id) not yet implemented

to:

loop(p,d {,id}) draw a small loop a point p in direction d (for directed graphs, i.e. networks)

vector(p,q {,id}) is equivalent to line(p,q,id,"","->")

arc(start,end,radius,id) draw a circular arc from start point to end point, with given radius

sector(center,start,end {,id}) draw a sector with the given three points

ellipse(center,rx,ry {,id}) draw an ellipse with x-radius rx and y-radius ry

triangle(p,q,r {,id}) is equivalent to path([p,q,r,p],id)

August 01, 2007, at 12:19 AM by 10.100.0.71 -
Changed lines 96-121 from:

Global values used for all pictures together with their default values

showcoordinates = true

markerstrokewidth = "1"

markerstroke = "black"

markerfill = "yellow"

markersize = 4

arrowfill = stroke

dotradius = 4

ticklength = 4

axesstroke = "black"

gridstroke = "grey"

backgroundstyle = "fill-opacity:0; fill:white"

singlelettersitalic = true

to:

Global variables used for all pictures, and their default values

showcoordinates = true decide if mouse coordinates should show in bottom right corner

markerstrokewidth = "1" line width for markers

markerstroke = "black" line color for markers

markerfill = "yellow" fill color for markers

markersize = 4 radius in pixels for marker dots

arrowfill = stroke arrows are filled with the same color as lines

dotradius = 4 radius in pixels for dots and points

ticklength = 4 length of the ticks marked on the axes

axesstroke = "black" color of the axes

gridstroke = "grey" color of the grid lines

backgroundstyle = "fill-opacity:0; fill:white" style of the background rectangle

singlelettersitalic = true decides if single letter labels should show in italics (usually true for math variables)

Less often used commands and to do list

Changed line 134 from:

approxintegral(...) not yet implemented

to:

approximateintegral(...) not yet implemented

August 01, 2007, at 12:11 AM by 10.100.0.71 -
Changed lines 63-93 from:

var defaultwidth = 300; defaultheight = 200; // in pixels var defaultxmin = -5.5; defaultxmax = 5.5; // in usercoords var defaultborder = 0; border = defaultborder; // in pixel var defaultstrokewidth = "1"; // default line width in pixel var defaultstroke = "blue"; // default line color var defaultstrokeopacity = 1; // transparent = 0, solid =1 var defaultstrokedasharray = null; // "10 10" gives 10px long dashes var defaultfill = "none"; // default fill color var defaultfillopacity = 1; // transparent = 0, solid =1 var defaultfontstyle = "normal"; // default text shape normal|italic|inherit var defaultfontfamily = "times"; // default font times|ariel|helvetica|... var defaultfontsize = "16"; // default size (scaled automatically) var defaultfontweight = "normal";// normal|bold|bolder|lighter|100|...|900 var defaultfontstroke = "none"; // default font outline color var defaultfontfill = "none"; // default font color var defaultmarker = "none"; // "dot" | "arrow" | "+" | "-" | "|" var defaultendpoints = ""; // "c-d" where c is <|o|* and d is >|o|*

// global values used for all pictures (you can change these) var showcoordinates = true; var markerstrokewidth = "1"; var markerstroke = "black"; var markerfill = "yellow"; var markersize = 4; var arrowfill = stroke; var dotradius = 4; var ticklength = 4; var axesstroke = "black"; var gridstroke = "grey"; var backgroundstyle = "fill-opacity:0; fill:white"; var singlelettersitalic = true;

to:

Variables that can be changed before individual commands, together with their default values

border = 0 in pixel, reduces the graph so that an area of this width is visible around the graph. This setting must appear before the axes() command.

strokewidth = "1" // default line width in pixel

stroke = "blue" // default line color

strokeopacity = 1 // transparent = 0, solid =1

strokedasharray = null // "10 10" gives 10px long dashes

fill = "none" // default fill color

fillopacity = 1 // transparent = 0, solid =1

fontstyle = "normal" // default text shape normal|italic|inherit

fontfamily = "times" // default font times|ariel|helvetica|...

fontsize = "16" // default size (scaled automatically)

fontweight = "normal"// normal|bold|bolder|lighter|100|...|900

fontstroke = "none" // default font outline color

fontfill = "none" // default font color

marker = "none" // "dot" | "arrow" | "+" | "-" | "|"

endpoints = "" // "c-d" where c is <|o|* and d is >|o|*

Global values used for all pictures together with their default values

showcoordinates = true

markerstrokewidth = "1"

markerstroke = "black"

markerfill = "yellow"

markersize = 4

arrowfill = stroke

dotradius = 4

ticklength = 4

axesstroke = "black"

gridstroke = "grey"

backgroundstyle = "fill-opacity:0; fill:white"

singlelettersitalic = true

August 01, 2007, at 12:01 AM by 10.100.0.71 -
Changed lines 5-10 from:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file, or include a path to d.svg)

PmWiki (inline): (:graph axes(); plot(sin(x)):) produces an inline graph

PmWiki (centered): (:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

to:

HTML: <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file, or include a path to d.svg)

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph

Changed lines 15-16 from:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) or q=[2,3].

to:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) (or p=[1,2] if JavaScript syntax is preferred).

Added lines 62-93:

var defaultwidth = 300; defaultheight = 200; // in pixels var defaultxmin = -5.5; defaultxmax = 5.5; // in usercoords var defaultborder = 0; border = defaultborder; // in pixel var defaultstrokewidth = "1"; // default line width in pixel var defaultstroke = "blue"; // default line color var defaultstrokeopacity = 1; // transparent = 0, solid =1 var defaultstrokedasharray = null; // "10 10" gives 10px long dashes var defaultfill = "none"; // default fill color var defaultfillopacity = 1; // transparent = 0, solid =1 var defaultfontstyle = "normal"; // default text shape normal|italic|inherit var defaultfontfamily = "times"; // default font times|ariel|helvetica|... var defaultfontsize = "16"; // default size (scaled automatically) var defaultfontweight = "normal";// normal|bold|bolder|lighter|100|...|900 var defaultfontstroke = "none"; // default font outline color var defaultfontfill = "none"; // default font color var defaultmarker = "none"; // "dot" | "arrow" | "+" | "-" | "|" var defaultendpoints = ""; // "c-d" where c is <|o|* and d is >|o|*

// global values used for all pictures (you can change these) var showcoordinates = true; var markerstrokewidth = "1"; var markerstroke = "black"; var markerfill = "yellow"; var markersize = 4; var arrowfill = stroke; var dotradius = 4; var ticklength = 4; var axesstroke = "black"; var gridstroke = "grey"; var backgroundstyle = "fill-opacity:0; fill:white"; var singlelettersitalic = true;

July 31, 2007, at 10:10 AM by 70.187.191.203 -
Changed line 5 from:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

to:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/> (the file d.svg has to be in the same folder as the HTML file, or include a path to d.svg)

July 31, 2007, at 10:00 AM by 70.187.191.203 -
Added lines 17-18:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) or q=[2,3].

Changed lines 21-48 from:

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) or q=[2,3].

width, height

xmin, xmax, xscl

ymin, ymax, yscl

axes({dx,dy,labels,gdx,gdy}) this command is required, usually in the form axes()

line(p,q {,id,endpts}) line segment connecting points p,q (coordinates in units)

path([p1,p2,...,pn] {,id,c,endpts}) connect points p1,p2,... by straight lines

plot(f(x) {,x_min,x_max,points,id,endpts}) plot a function of "x"

plot([f(t),g(t)],t_min,t_max {,points,id,endpts}) parametric plot of pair of functions. Must use parameter "t".

rect(p,q {,id,rx,ry}) draw a rectangle with opposite corners at p,q and rounded by radii rx,ry

circle(center,radius {,id}) draw a circle

point(center {, typ, label, pos, id})

dot(center {, typ, label, pos, id}) alternative name for the point command

text(p,st {,pos,id,fontsty}) write string st at point p

to:

width=px; height=py

xmin=a; xmax=b; xscl=dx

ymin=c; ymax=d; yscl=dy

axes({dx,dy,labels,gdx,gdy}) this command is required, usually in the form axes()

line(p,q {,id,endpts}) line segment connecting points p,q (coordinates in units)

path([p1,p2,...,pn] {,id,c,endpts}) connect points p1,p2,... by straight lines

plot(f(x) {,x_min,x_max,points,id,endpts}) plot a function of "x"

plot([f(t),g(t)],t_min,t_max {,points,id,endpts}) parametric plot of pair of functions. Must use parameter "t".

rect(p,q {,id,rx,ry}) draw a rectangle with opposite corners at p,q and rounded by radii rx,ry

circle(center,radius {,id}) draw a circle

point(center {, typ, label, pos, id})

dot(center {, typ, label, pos, id}) alternative name for the point command

text(p,st {,pos,id,fontsty}) write string st at point p

Changed lines 49-62 from:

curve(plist,id,endpts) is equivalent to path(plist,id,"T",endpts)

loop(p,d {,id}) draw a small loop a point p in direction d (for directed graphs, i.e. networks)

vector(p,q {,id}) is equivalent to line(p,q,id,"","->")

arc(start,end,radius,id)

sector(center,start,end {,id}) not yet implemented

ellipse(center,rx,ry {,id}) draw an ellipse

triangle(p,q,r {,id}) is equivalent to path([p,q,r],id) not yet implemented

to:

curve(plist,id,endpts) is equivalent to path(plist,id,"T",endpts)

loop(p,d {,id}) draw a small loop a point p@] in direction d (for directed graphs, i.e. networks)

vector(p,q {,id}) is equivalent to line(p,q,id,"","->")@]

arc(start,end,radius,id)

sector(center,start,end {,id}) not yet implemented

ellipse(center,rx,ry {,id}) draw an ellipse

triangle(p,q,r {,id}) is equivalent to path([p,q,r],id) not yet implemented

Changed lines 65-79 from:

arrowhead(p,q) { draw arrowhead pointing from p ending at q (need to add a size param)

ASdot(center,radius,stroke,fill) draw a circle with radius in pixel (used for markers)

grid(dx,dy) for backward compatibility, equivalent to axes(dx,dy,null,dx,dy)

noaxes() to remove the axes

polarplot(...) not yet implemented

// make Riemann sums

slopefield(fun,dx,dy) draw a slopefield

image(imgurl,p,w,h,id) { // not working yet

to:

arrowhead(p,q) { draw arrowhead pointing from p ending at q (need to add a size param)

ASdot(center,radius,stroke,fill) draw a circle with radius in pixel (used for markers)

grid(dx,dy) for backward compatibility, equivalent to axes(dx,dy,null,dx,dy)

noaxes() to remove the axes

polarplot(...) not yet implemented

approxintegral(...) not yet implemented

slopefield(fun,dx,dy) draw a slopefield

image(imgurl,p,w,h,id) not working yet, perhaps some problem with attribute namespaces; try layers instead

July 31, 2007, at 09:49 AM by 70.187.191.203 -
Changed lines 17-40 from:

line(p,q,id,endpts) { // segment connecting points p,q (coordinates in units)

path(plist,id,c,endpts) {

curve(plist,id,endpts)

 is equivalent to path(plist,id,"T",endpts)

vector(p,q,id)

 is equivalent to line(p,q,id,"","->")

circle(center,radius,id) { // coordinates in units

loop(p,d,id) {

arc(start,end,radius,id) { // coordinates in units

sector(start,end,radius,id) not yet implemented

ellipse(center,rx,ry,id) { // coordinates in units

rect(p,q,id,rx,ry) { // opposite corners in units, rounded by radii

text(p,st,pos,id,fontsty) {

to:

Basic commands

Optional arguments are enclosed in braces {...}. Points are specified by coordinates, e.g. p=(1,2) or q=[2,3].

width, height

xmin, xmax, xscl

ymin, ymax, yscl

axes({dx,dy,labels,gdx,gdy}) this command is required, usually in the form axes()

line(p,q {,id,endpts}) line segment connecting points p,q (coordinates in units)

path([p1,p2,...,pn] {,id,c,endpts}) connect points p1,p2,... by straight lines

plot(f(x) {,x_min,x_max,points,id,endpts}) plot a function of "x"

plot([f(t),g(t)],t_min,t_max {,points,id,endpts}) parametric plot of pair of functions. Must use parameter "t".

rect(p,q {,id,rx,ry}) draw a rectangle with opposite corners at p,q and rounded by radii rx,ry

circle(center,radius {,id}) draw a circle

point(center {, typ, label, pos, id})

dot(center {, typ, label, pos, id}) alternative name for the point command

text(p,st {,pos,id,fontsty}) write string st at point p

Further commands

curve(plist,id,endpts) is equivalent to path(plist,id,"T",endpts)

loop(p,d {,id}) draw a small loop a point p in direction d (for directed graphs, i.e. networks)

vector(p,q {,id}) is equivalent to line(p,q,id,"","->")

arc(start,end,radius,id)

sector(center,start,end {,id}) not yet implemented

ellipse(center,rx,ry {,id}) draw an ellipse

triangle(p,q,r {,id}) is equivalent to path([p,q,r],id) not yet implemented

Additional settings and commands

arrowhead(p,q) { draw arrowhead pointing from p ending at q (need to add a size param)

ASdot(center,radius,stroke,fill) draw a circle with radius in pixel (used for markers)

grid(dx,dy) for backward compatibility, equivalent to axes(dx,dy,null,dx,dy)

noaxes() to remove the axes

polarplot(...) not yet implemented

// make Riemann sums

slopefield(fun,dx,dy) draw a slopefield

Deleted lines 79-101:

ASdot(center,radius,s,f) { // coordinates in units, radius in pixel

dot(center, typ, label, pos, id) {

point(center, typ, label, pos, id) = dot; //alternative name

arrowhead(p,q) { // draw arrowhead at q (in units) add size param

grid(dx,dy) { // for backward compatibility

 is equivalent to axes(dx,dy,null,dx,dy)

noaxes()

axes(dx,dy,labels,gdx,gdy) {

plot(fun,x_min,x_max,points,id,endpts) {

polarplot

// make Riemann sums

slopefield(fun,dx,dy) {

July 31, 2007, at 09:15 AM by 10.100.0.70 -
Added lines 17-64:

line(p,q,id,endpts) { // segment connecting points p,q (coordinates in units)

path(plist,id,c,endpts) {

curve(plist,id,endpts)

 is equivalent to path(plist,id,"T",endpts)

vector(p,q,id)

 is equivalent to line(p,q,id,"","->")

circle(center,radius,id) { // coordinates in units

loop(p,d,id) {

arc(start,end,radius,id) { // coordinates in units

sector(start,end,radius,id) not yet implemented

ellipse(center,rx,ry,id) { // coordinates in units

rect(p,q,id,rx,ry) { // opposite corners in units, rounded by radii

text(p,st,pos,id,fontsty) {

image(imgurl,p,w,h,id) { // not working yet

ASdot(center,radius,s,f) { // coordinates in units, radius in pixel

dot(center, typ, label, pos, id) {

point(center, typ, label, pos, id) = dot; //alternative name

arrowhead(p,q) { // draw arrowhead at q (in units) add size param

grid(dx,dy) { // for backward compatibility

 is equivalent to axes(dx,dy,null,dx,dy)

noaxes()

axes(dx,dy,labels,gdx,gdy) {

plot(fun,x_min,x_max,points,id,endpts) {

polarplot

// make Riemann sums

slopefield(fun,dx,dy) {

July 31, 2007, at 09:03 AM by 10.100.0.70 -
Changed line 3 from:

ASCIIsvg.js can be used on a HTML page or within PmWiki, as shown by the following minimal examples.

to:

ASCIIsvg.js can be used on a HTML page or within PmWiki, as shown by the following minimal examples. (For more elaborate dynamic examples see e.g. http://math.chapman.edu/~jipsen/svg/testdynamicpics.html).

July 31, 2007, at 08:59 AM by 10.100.0.70 -
Changed lines 5-10 from:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

PmWiki (inline): (:graph axes(); plot(sin(x)):) produces an inline graph

PmWiki (centered): (:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

to:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

PmWiki (inline): (:graph axes(); plot(sin(x)):) produces an inline graph

PmWiki (centered): (:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

Changed line 15 from:

List of ASCIIsvg commands

to:

List of ASCIIsvg commands

July 31, 2007, at 08:57 AM by 10.100.0.70 -
Changed lines 5-9 from:

HTML: <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph

(:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

to:

HTML (inline): <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

PmWiki (inline): (:graph axes(); plot(sin(x)):) produces an inline graph

PmWiki (centered): (:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

The default size of the graph is 300x200 pixels, the x-axes ranges from -5.5 to 5.5 and the y-axes ranges from -3.7 to 3.7 (these can be changes using the commands below).


July 31, 2007, at 08:49 AM by 10.100.0.70 -
Changed lines 7-9 from:

PmWiki: [:(:graph axes(); plot(sin(x)):):] produces an inline graph

[:(:Graph axes(); plot(sin(x)):):] produces a centered graph (:Graph axes(); plot(sin(x)):)

to:

PmWiki: (:graph axes(); plot(sin(x)):) produces an inline graph

(:Graph axes(); plot(sin(x)):) produces a centered graph (:Graph axes(); plot(sin(x)):)

July 31, 2007, at 08:48 AM by 10.100.0.70 -
Added lines 1-12:

(:title ASCIIsvg Documentation:)

ASCIIsvg.js can be used on a HTML page or within PmWiki, as shown by the following minimal examples.

HTML: <embed class="ASCIIsvg" src="d.svg" script='axes(); plot(sin(x))'/>

PmWiki: [:(:graph axes(); plot(sin(x)):):] produces an inline graph

[:(:Graph axes(); plot(sin(x)):):] produces a centered graph (:Graph axes(); plot(sin(x)):)

List of ASCIIsvg commands