Web-based Data Visualization with JavaScript

Course Description

This course focuses on visualizing data on the Web with JavaScript. The course introduces the fundamentals, principles and process of data visualization, importances 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

• 26 - 29  October 2015

• 25 - 28 April 2016

• 25 - 28  October 2016

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

Who Should Attend

• Web designer/developer

• BI analyst/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 and SVG

• Selections

• Method chaining

• Data joins

• Data­driven transformation

• Reusable charts

Day 2:  The Powerful and Flexible D3.js

• Dynamic properties

• Transitions

• Data loading

• Working with JSON and XML data

• Interactive visualization

• Event handling

• Data­driven visualization web page

Day 3:  Google Charts

• Google Charts fundamentals

• Drawing basic Google Charts

• Working with data sources and queries

• Look­and­feel customization

• Interactive charts

• Data visualization dashboard

• Comparison to D3

Day 4:  Complex Visualizations Styles and Guidelines

• Gauge

• Bubble chart

• Tree map

• Timelines

• Map/Geo chart

• Discussion on selection criteria on visualization libraries

Online Registration >> HERE