HTML 5 Data Vizualization - a lap around kendo ui dataviz framework - Presentation done as part of CSC India Learn @ Work Week - Oct 10/11

1. HTML5 DataVizualization
facebook.com/telerik @telerik

2. Who Am I ?
 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

3. Agenda
HTML5 Building
What is Kendo UI
Standard for DataViz apps
DataViz DataViz
DataViz with Kendo UI

4. Q3
2012
What is Data Vizualization ?

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

6. Q3
2012
HTML 5 Standards for DataViz

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

8. Advantages
• 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

9. Kendo UI
- Introduction
facebook.com/telerik @telerik

10. What is 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

11. Kendo UI Blocks
Kendo UI Kendo UI Kendo UI
Web DataViz Mobile
Kendo Framework Elements

12. Kendo Building Blocks a.k.a F/W
 DataSource
 Validation
 Globalization
 Templating
 MVVM
 Drag & Drop

13. Kendo UI DataViz
facebook.com/telerik @telerik

14. Data Visualizations powered by
HTML5

15. Maximum Performance - Minimum
Resource

16. Full Support for Mobile and [Older]
Browsers

17. Quick & Easy configuration

18. Combination Charts, Multiple Axes &
More

19. DataViz Widgets
facebook.com/telerik @telerik

23. DEMO
facebook.com/telerik @telerik

24. Q&A
facebook.com/telerik @telerik

25. Resources
 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