Testing JavaScript Random Spinning Picker

Singapore Google Scripting Lab

Come to our Google Scripting Lab!

When: Thursday, May 15 from 5:00-7:30

Where: Stamford American International School

What: We will be getting down and dirty with Google Apps Script codes.

Coding experience needed: None!

Bring: An idea of how you would implement a Google Apps Script to help your teaching process. We will try to find a script that works for you or try to help you code your own.There will be code snippets available for use as well as help with the documentation that Google supplies.

Why: Ideally, you will leave with working code or an idea of how to progress on your code and a community to work with!

Optionally bring: A pot luck dish to share.

What is your name? *

What school are you from? *

Testing Typewriter effect using a canvas element

Graph of a Quadratic function using Google Image Charts API via URL with Axes in black and function in red

https://chart.googleapis.com/chart?cht=lxy&chs=250x250&chd=t:-1|-1|-1|-1|-1|-1&chfd=0,x,-10,10,.1,x|1,y,-10,10,.1,y^2|2,x,-10,10,.1,x|3,y,-10,10,.1,0*y|4,x,-10,10,.1,0*x|5,y,-10,10,.1,y&chds=-10,10&chxr=0,-10,10|1,-10,10&chxt=x,y&chg=5,5,1&chco=FF0000,000000,000000

Graph of a quadratic using the Google Image Chart API

Graph of a quadratic using 1xy graph:
https://chart.googleapis.com/chart?cht=lxy&chs=250x250&chd=t:-1|-1&chfd=0,x,-10,10,.1,x|1,y,-10,10,.1,y^2&chds=-10,10&chxr=0,-10,10|1,-10,10&chxt=x,y&chg=5,5,1

Graph of a line

https://chart.googleapis.com/chart?cht=lxy&chs=250x250&chd=t:-1|-1&chfd=0,x,-10,10,1,x|1,y,-10,10,1,y&chds=-10,10&chxr=0,-10,10|1,-10,10&chxt=x,y

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.

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:

Testing taking screenshot of Desmos Graph using DOM element

Screenshot image of Desmos graph:

Testing substituting Desmos script inside Form programatically

This is a required question

Never submit passwords through Google Forms.