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; or 10,900 Baht with your notebook]

(Fee includes Course Material + Coffee Break and Lunch)

Instructor :  Mr. Chinnavit Chalidabhongse (See Profile >> Here)

• 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  October 2016

Training Venue:  Skulthai Surawong Tower 8th  (Near MRT Sam Yan Door 1)>> See Map

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

Online Registration >> HERE