Easy HTML5 Data Visualization with Kendo UI DataViz

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

About Me…

Lohith G N

Developer Evangelist, Telerik

Microsoft MVP – ASP.NET/IIS

@kashyapa

Lohith.nagaraj@Telerik.com

http://Kashyapas.com

http://telerikhelper.net

http://about.me/kashyapa

Webinar Giveaway/Prize

Two Active Participants from webinar will receive the below Ninja T-Shirt

Agenda Visualization Why How HTML5 Kendo UI DataViz

What is Visualization definition

What is Visualization

Data visualization is the study of the visual

representation of data

…wikipedia

What is Visualization

Main goal of data visualization is to communicate information clearly and effectively through

graphical means.

…Vitaly Friedman

Editor In Chief, SmashingMagazine

Why Visualization ? Need

Why Visualization?

Information Understanding – picture is worth 1000 words

Large Data Sets – Summarizing the data sets

Finding patterns in data

Finding correlations in data

How to Visualize? Ways to visualize data

How to Visualize?

Charts/Graphs

Gauges

Infographics

Visualization Examples

Visualization Examples

HTML5 Technology Creating Visualizations

HTML5 – Technology to use

One Web For All – W3C

Standards for Visualization

SVG

Scalable Vector Graphics

Vector Based Graphics for Web

XML Format

Zoom or Resize – no loss

Every Element/Attribute can be animated

W3C recommendation

Integrates with DOM

Ideal for charts

Canvas

2D drawing surface

Use JS API to draw

Raster Based Graphics

Ideal for large scale graphical applications like Games

Demo SVG & Canvas in Action

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

Kendo UI

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 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

Kendo Framework Elements

Kendo UI Web

Kendo UI DataViz

Kendo UI Mobile

Building Blocks Kendo Framework

Datasource

Validation

Globalization

Templating

MVVM

Drag & Drop

Kendo UI DataViz

Data Visualizations powered by HTML5

Maximum Performance - Minimum Resource

Kendo UI DataViz

Full Support for Mobile and [Older] Browsers

Quick & Easy configuration

Kendo UI DataViz

Combination Charts, Multiple Axes & More

Kendo UI DataViz Widgets Charts/Gauges

Widgets

Widgets

Demo Show me the action !

Resources

http://www.kendoui.com

http://docs.kendoui.com

http://try.kendoui.com

http://kendouimusicstore.com

Thank You. Email Twitter

Lohith.nagaraj@telerik.com @kashyapa