Web-based Data Visualization with JavaScript

Course Description

This course focuses on visualizing data on the Web platform with JavaScript. The course introduces the fundamentals, principles and process of data visualization, importance and benefits of the front-?ended, Web?-based data visualization. It covers technology fundamentals, architectures and practices with the selected JavaScript visualization libraries and frameworks, which are D3.js? and ?Google Charts?. The data?-driven transformation, data loading and binding, working with JSON, interactive visualization, visualization style usages and guidelines are included. In addition, the course discusses the architectural differences and selection criteria on data visualization libraries.


Duration : 4 Days (9:00 - 16:00)

Fee : 12,900 Baht exclude VAT ( 10,900 Baht exclude VAT with your own computer )
(Fee includes Course Material + Coffee Break and Lunch)

Instructor : Mr. Chinnavit Chalidabhongse
IT consultant
Adjunct faculty at Mahidol University International College and Dhurakijpundit University
Technical lead and consulting experience in global software companies in USA


Training Schedule
25 - 28 April 2017
17 - 20 October 2017

Training Venue: The Connecion ( Near MRT Ladprao Exit 4 )

Who Should Attend
Web designer/developer
BI designer/developer
Technical manager/lead
Ones who are interested in data visualization

Prerequisite
The basic skills of HTML, CSS and JavaScript.

Course Outline

Day 1: Data Visualization, D3.js Fundamentals
Data visualization process
Web-?based data visualization
Fundamental concepts of D3
DOM fundamentals
SVG
Selections
Method chaining
Data joins
Data?-driven transformation
Reusable charts
Scales

Day 2: The Powerful and Flexible D3.js
Dynamic properties
Transitions and effects
Data loading
Working with JSON and XML data
Interactive visualization
Event handling
Aggregation
Data?-driven visualization web page

Day 3: Google Charts Fundamentals
Fundamental concepts of Google Charts
Drawing methods of Google Charts
Google Charts’ data binding
Working with data sources and queries
Look-?and-?feel customization
Event handling
Data visualization dashboards
Comparison to D3

Day 4: Exploring Visualization Styles of Google Charts
Interactive charts
Animation
Table charts
Gauge
Bubble chart
Tree map
Map/Geo chart
Discussion on selection criteria on visualization libraries

Payment Condition
Payment may be paid in full or 50% deposit at least 7 days prior to the start of the course. The payment could be paid by the following methods
1. Account transfer to "IMC Institute" Saving account no. 616-2-07327-1 , Kasikorn Bank, Sathorn Square Branch.
or
2. Cheque should be made payable to "IMC Institute"
Notes: In case you choose to pay 50% deposit, we would request the remaining 50% to be paid at the registration desk before the beginning of the course.

Contact Person :

For more information, contact our course coordinator on:
Ms.Kwanhathai Thavornpong / Ms.Sunisa Kamhangwaratit
Mobile: 087-593-7974, 088-192-7975
Tel: 02-233-4732
E-mail: [email protected] / [email protected] /[email protected]