facebook.com/telerik

@telerik

HTML5 DataVizualization

Lohith G N– Developer Evangelist, Telerik India– Microsoft MVP – ASP.NET/IIS– Bangalore Dot Net (BDotNet) User Group

Lead– @kashyapa– http://kashyapas.com– Lohith.nagaraj@telerik.com

Who Am I ?

Agenda

What is DataViz

HTML5 Standard

for DataViz

Kendo UI DataViz

Building DataViz apps with Kendo

UI

Q32012

What is Data Vizualization ?

Data visualization is the study of the visual representation of data, meaning "information that has been abstracted in some schematic form, including attributes or variables for the units of information”.

- Wikipedia

Data Vizualization

Q32012

HTML 5 Standards for DataViz

- A.K.A SVG- Vector Based Graphics for Web- XML format- No loss of graphics quality when zoomed or resized- W3C Recommendation

Scalable Vector Graphics

• Can be created & edited with any text editor• Can be searched, indexed, scripted & compressed• Scalable• Can be printed with high quality at any resolution• Images can be zoomed without degradation

Advantages

facebook.com/telerik

@telerik

- Introduction

Kendo UI

Everything you need to build HTML5 + JavaScript sites & APPS

What is Kendo UI ?

“Kendo UI solves an important problem faced by JavaScript and HTML5 developers. It delivers a unified 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

Kendo UI Blocks

Kendo Framework Elements

Kendo UI Web Kendo UI DataViz

Kendo UI Mobile

DataSource

Validation

Globalization

Templating

MVVM

Drag & Drop

Kendo Building Blocks a.k.a F/W

facebook.com/telerik

@telerik

Kendo UI DataViz

Data Visualizations powered by HTML5

Maximum Performance - Minimum Resource

Full Support for Mobile and [Older] Browsers

Quick & Easy configuration

Combination Charts, Multiple Axes & More

facebook.com/telerik

@telerik

DataViz Widgets

facebook.com/telerik

@telerik

DEMO

facebook.com/telerik

@telerik

Q & A

Kendo UI DataViz Home Page http://www.kendoui.com/dataviz.aspx

Kendo UI DataViz Demos http://demos.kendoui.com/dataviz/overview/index.html

Kendo UI DataViz Documentation http://docs.kendoui.com/api/dataviz

Kendo UI Dojo http://www.kendoui.com/dojo.aspx

Resources