Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
HTML5 DataVizualization                          facebook.com/telerik   @telerik
Who Am I ? Lohith G N      – Developer Evangelist, Telerik India      – Microsoft MVP – ASP.NET/IIS      – Bangalore Dot ...
Agenda             HTML5                      Building What is                  Kendo UI           Standard for           ...
Q3    2012What is Data Vizualization ?
Data VizualizationData visualization is the study of the visual representation of data,meaning "information that has been ...
Q3    2012HTML 5 Standards for DataViz
Scalable Vector Graphics-   A.K.A SVG-   Vector Based Graphics for Web-   XML format-   No loss of graphics quality when z...
Advantages•   Can be created & edited with any text editor•   Can be searched, indexed, scripted & compressed•   Scalable•...
Kendo UI- Introduction                 facebook.com/telerik   @telerik
What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPS“Kendo UI solves an important problem faced ...
Kendo UI Blocks Kendo UI    Kendo UI   Kendo UI   Web        DataViz    Mobile Kendo Framework Elements
Kendo Building Blocks a.k.a F/W     DataSource     Validation     Globalization     Templating     MVVM     Drag & D...
Kendo UI DataViz                   facebook.com/telerik   @telerik
Data Visualizations powered by            HTML5
Maximum Performance - Minimum          Resource
Full Support for Mobile and [Older]Browsers
Quick & Easy configuration
Combination Charts, Multiple Axes &              More
DataViz Widgets                  facebook.com/telerik   @telerik
DEMO       facebook.com/telerik   @telerik
Q&A      facebook.com/telerik   @telerik
Resources Kendo UI DataViz Home Page    http://www.kendoui.com/dataviz.aspx Kendo UI DataViz Demos    http://demos.ken...
Html5 data viz
Html5 data viz
Html5 data viz
Upcoming SlideShare
Loading in …5
×

Html5 data viz

1,137 views

Published on

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

Published in: Technology
  • Be the first to comment

Html5 data viz

  1. 1. HTML5 DataVizualization facebook.com/telerik @telerik
  2. 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. 3. Agenda HTML5 Building What is Kendo UI Standard for DataViz apps DataViz DataViz DataViz with Kendo UI
  4. 4. Q3 2012What is Data Vizualization ?
  5. 5. Data VizualizationData visualization is the study of the visual representation of data,meaning "information that has been abstracted in some schematicform, including attributes or variables for the units ofinformation”. - Wikipedia
  6. 6. Q3 2012HTML 5 Standards for DataViz
  7. 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. 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. 9. Kendo UI- Introduction facebook.com/telerik @telerik
  10. 10. What is Kendo UI ?Everything you need to build HTML5 + JavaScript sites & APPS“Kendo UI solves an important problem faced by JavaScript andHTML5 developers. It delivers a unified framework backed byprofessional support. Its easier to learn, easier to upgrade, ultimatelymaking it easier to build apps with HTML5.” -Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik
  11. 11. Kendo UI Blocks Kendo UI Kendo UI Kendo UI Web DataViz Mobile Kendo Framework Elements
  12. 12. Kendo Building Blocks a.k.a F/W  DataSource  Validation  Globalization  Templating  MVVM  Drag & Drop
  13. 13. Kendo UI DataViz facebook.com/telerik @telerik
  14. 14. Data Visualizations powered by HTML5
  15. 15. Maximum Performance - Minimum Resource
  16. 16. Full Support for Mobile and [Older]Browsers
  17. 17. Quick & Easy configuration
  18. 18. Combination Charts, Multiple Axes & More
  19. 19. DataViz Widgets facebook.com/telerik @telerik
  20. 20. DEMO facebook.com/telerik @telerik
  21. 21. Q&A facebook.com/telerik @telerik
  22. 22. 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

×