This document discusses Kendo UI DataViz, an HTML5-based JavaScript framework for data visualization. It provides easy and effective ways to visualize data through charts, gauges and other graphical representations. The document outlines why visualization is important, how HTML5 technologies like SVG and Canvas can be used to create visualizations, and introduces various widgets in Kendo UI DataViz like charts and gauges. It also includes demonstrations of the framework in action.

1. Easy HTML5 Data
Visualization with
Kendo UI DataViz
Kendo UI Dataviz - HTML5 based JavaScript f/w for
visualization

2.  Lohith G N
 Developer Evangelist, Telerik
 Microsoft MVP – ASP.NET/IIS
 @kashyapa
About Me…  Lohith.nagaraj@Telerik.com
 http://Kashyapas.com
 http://telerikhelper.net
 http://about.me/kashyapa

3. Two Active Participants from webinar
will receive the below Ninja T-Shirt
Webinar
Giveaway/Prize

4. Kendo UI
Agenda Visualization Why How HTML5
DataViz

5. What is Visualization
definition

6. Data visualization is the
study of the visual
What is
Visualization representation of data
…wikipedia

7. Main goal of data visualization
is to communicate information
What is clearly and effectively through
Visualization graphical means.
…Vitaly Friedman
Editor In Chief, SmashingMagazine

8. Why Visualization ?
Need

9.  Information Understanding – picture is worth 1000 words 
Why  Large Data Sets – Summarizing the data sets
Visualization?  Finding patterns in data
 Finding correlations in data

10. How to Visualize?
Ways to visualize data

11.  Charts/Graphs
How to  Gauges
Visualize?  Infographics

12. Visualization
Examples

13. Visualization
Examples

14. HTML5 Technology
Creating Visualizations

15. HTML5 –
Technology to
use
One Web For All – W3C

16. SVG Canvas
 Scalable Vector Graphics  2D drawing surface
 Vector Based Graphics for  Use JS API to draw
Web
 Raster Based Graphics
Standards for  XML Format
 Ideal for large scale graphical
Visualization  Zoom or Resize – no loss applications like Games
 Every Element/Attribute can
be animated
 W3C recommendation
 Integrates with DOM
 Ideal for charts

17. Demo
SVG & Canvas in Action

18. Introducing
Kendo UI DataViz
HTML5 based javaScript Client Side F/W for Visualization

19. Everything you need to build HTML5
+ JavaScript sites & apps
“Kendo UI solves an important problem faced by
JavaScript and HTML5 developers. It delivers a unified
Kendo UI framework backed by professional support. It's easier to
learn, easier to upgrade, ultimately making it easier to
build apps with HTML5.”
- Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik

20. Kendo UI Kendo UI Kendo UI
Web DataViz Mobile
Kendo UI
Kendo Framework Elements

21. Datasource
Drag & Drop Validation
Building Blocks Kendo
Framework
MVVM Globalization
Templating

22. Data Visualizations powered by HTML5
Kendo UI
DataViz
Maximum Performance - Minimum Resource

23. Full Support for
Quick & Easy
Mobile and [Older]
configuration
Browsers
Kendo UI
DataViz

24. Combination Charts, Multiple Axes & More
Kendo UI
DataViz

25. Kendo UI DataViz
Widgets
Charts/Gauges

26. Widgets

27. Widgets

28. Demo
Show me the action !

29.  http://www.kendoui.com
 http://docs.kendoui.com
 http://try.kendoui.com
Resources
 http://kendouimusicstore.com

30. Email Twitter
Thank You. Lohith.nagaraj@telerik.com @kashyapa