Google jooniste/visualiseerimise API * Ava Playground http://code.google.com/apis/ajax/playground * Jooniste alt (Visualization) tutvu tulpdiagrammi näitega (Column chart) * Pane tööle oma masinasse/serverisse * Muuda andmeid, loo tulbad inimeste pikkustega. * Lisa joonisele pealkiri * Eemalda legend. * Tutvu dokumentatsiooniga http://code.google.com/intl/et/apis/visualization/documentation/gallery/columnchart.html * Lisa sealt mõned omadused (näiteks värv). * Koosta skript nõnda, et tulpade pikkusteks oleksid arvude ruudud kuni kümneni (0, 1, 4, 9 .... 81, 100) * Veendu, et tulbad tekivad ekraanile * Võimalda tulpade arvu määrata kasutajal tekstiväljast. Vana joonise eemaldamiseks tuleb kiht tühjaks teha document.getElementById('joonisekiht').innerHTML=""; * Koosta veebilehele lahtrid kolme inimese pikkuse sisestamiseks * Joonista need pikkused tulpadena ekraanile. * Küsi kasutaja käest, mitme inimese pikkused sisestada. Nõnda palju luuakse sisestamiseks tekstikaste (document.createElement("input")) ja lisatakse need lehele sobivale kihile (appendChild). * Kastidest korjatakse väärtused kokku ja joonistatakse nende väärtuste põhjal tulpdiagramm. * Kasutajalt küsitakse eraldi kastides ka nende inimeste eesnimed, kellede pikkustest tulpdiagramm joonistatakse.