html5 data viz
DESCRIPTION
HTML 5 Data Vizualization - a lap around kendo ui dataviz framework - Presentation done as part of CSC India Learn @ Work Week - Oct 10/11TRANSCRIPT
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– [email protected]
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