Data Visualization-and-Data-Modelling-week-2-LAB.pdf

Data Visualization-and-Data-Modelling-week-2-LAB.pdf

1. HTML, Javascriptbasics to integrate
Google Chart for data visualization
Dr Manzur Ashraf
www.cic.vic.edu.au

2. EXPLANATION OF HTML, JAVASCRIPT, CSS
Presentation title 2
www.cic.vic.edu.au
How do HTML and CSS work together?
https://www.w3schools.com/css/tryit.asp?filename=trycss_text
How do HTML & JS work together?
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_scripts_intro
Now can You join them together?
TRY

3. Now Going back to Google Chart
Try to understand how HTML, CSS & JS are working together
Presentation title 3
www.cic.vic.edu.au
https://developers.google.com/chart

4. Presentation title 4
www.cic.vic.edu.au

5. Presentation title 5
www.cic.vic.edu.au

6. Presentation title 6
www.cic.vic.edu.au

7. Presentation title 7
www.cic.vic.edu.au

8. Presentation title 8
www.cic.vic.edu.au

9. Presentation title 9
www.cic.vic.edu.au

10. Presentation title 10
www.cic.vic.edu.au

11. Presentation title 11
www.cic.vic.edu.au

12. www.cic.vic.edu.au
Prepared by Dr Manzur Ashraf