Embed Size (px)
DESCRIPTION
Webinar as part of Ninja Developer Series on Apr 11.
Citation preview
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
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
