Sunday, March 30, 2014

Using the Google Image Charts API to create a cartesian coordinate graph URL


Using the Google Image Chart API URL parameters as outlined here: https://developers.google.com/chart/image/docs/chart_playground
For this URL: https://chart.googleapis.com/chart?cht=lc&chg=10,10&chxr=0,-10,10,1|1,-10,10,1&chd=t:-1&chs=250x250&chco=FF0000&chfd=0,x,-10,11,0.1,x^2%2b50&chxt=x,y

https://chart.googleapis.com/chart?

cht=lc&

Where to put the dashed lines:
chg=10,10&

The range of the axes labels:
chxr=0,-10,10,2|1,-10,10,2&

Put fake data holder so we can declare it with a function on chfd=
chd=t:-1&

The size of the image output
chs=250x250&

The color of the graph chco=FF0000&

The specification for each graph with series number, variable, min, max, step by, function (that is URLencoded)
chfd=0,x,-10,10,0.1,x^2%2b50&

Label axes
chxt=x,y

**Need to make sure to URL encode the function to graph!!**
https://chart.googleapis.com/chart?cht=lc&chg=5,5,1&chxt=x,x,y&chxr=0,-10,10,1|1,-10,10,1&chd=t:-1&chs=250x250&chco=FF0000&chfd=0,x,-10,11,0.1,x^2%2b50&chxt=x,y

https://chart.googleapis.com/chart?cht=lc&chg=5,5,1,0,0&chxt=x,y,x,y&chxr=0,-10,10,2|1,-10,10,2|2,-10,10|3,-10,10&chd=t:-1&chs=250x250&chco=FF0000&chfd=0,x,-10,11,0.1,x^2%2b50&chxt=x,y&chxtc=2,-180|3,-180

https://chart.googleapis.com/chart?cht=lc&chg=5,5,1,0,0&chxt=x,y,x,y&chxr=0,-10,10,2|1,-10,10,2|2,-10,10|3,-10,10&chd=t:-1&chs=250x250&chco=FF0000&chfd=0,x,-10,11,0.1,x^2%2b50&chxt=x,y&chxtc=2,-180|3,-180&chtt=Graph%20of%20function

Try to highlight the x=0 and y=0 axis in bold next.

Wednesday, March 19, 2014

Testing to create a Cartesian Coordinate Plane using Google Charts API


Work in progress:

Testing desmos graph by using canvas DOM element


Screenshot image of Desmos graph:

Monday, March 17, 2014

Testing taking screenshot of Desmos Graph using DOM element


Screenshot image of Desmos graph: