Easy HTML5 Data Visualization with Kendo UI DataViz

1,956 views

Published on

Webinar as part of Ninja Developer Series on Apr 11.

Published in: Technology, Art & Photos
1 Comment
0 Likes
Statistics
Notes
  • Searching for the html5 data visualization tool I fortunately found this one http://perfectwidgets.com/Main. I wanted to share with those who might search the same thing.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
1,956
On SlideShare
0
From Embeds
0
Number of Embeds
772
Actions
Shares
0
Downloads
21
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Easy HTML5 Data Visualization with Kendo UI DataViz

  1. 1. Easy HTML5 DataVisualization withKendo UI DataVizKendo UI Dataviz - HTML5 based JavaScript f/w forvisualization
  2. 2.  Lohith G N  Developer Evangelist, Telerik  Microsoft MVP – ASP.NET/IIS  @kashyapaAbout Me…  Lohith.nagaraj@Telerik.com  http://Kashyapas.com  http://telerikhelper.net  http://about.me/kashyapa
  3. 3. Two Active Participants from webinar will receive the below Ninja T-ShirtWebinarGiveaway/Prize
  4. 4. Kendo UIAgenda Visualization Why How HTML5 DataViz
  5. 5. What is Visualizationdefinition
  6. 6. Data visualization is the study of the visualWhat isVisualization representation of data …wikipedia
  7. 7. Main goal of data visualization is to communicate informationWhat is clearly and effectively throughVisualization graphical means. …Vitaly Friedman Editor In Chief, SmashingMagazine
  8. 8. Why Visualization ?Need
  9. 9.  Information Understanding – picture is worth 1000 words Why  Large Data Sets – Summarizing the data setsVisualization?  Finding patterns in data  Finding correlations in data
  10. 10. How to Visualize?Ways to visualize data
  11. 11.  Charts/GraphsHow to  GaugesVisualize?  Infographics
  12. 12. VisualizationExamples
  13. 13. VisualizationExamples
  14. 14. HTML5 TechnologyCreating Visualizations
  15. 15. HTML5 –Technology touse One Web For All – W3C
  16. 16. SVG Canvas  Scalable Vector Graphics  2D drawing surface  Vector Based Graphics for  Use JS API to draw Web  Raster Based GraphicsStandards for  XML Format  Ideal for large scale graphicalVisualization  Zoom or Resize – no loss applications like Games  Every Element/Attribute can be animated  W3C recommendation  Integrates with DOM  Ideal for charts
  17. 17. DemoSVG & Canvas in Action
  18. 18. IntroducingKendo UI DataVizHTML5 based javaScript Client Side F/W for Visualization
  19. 19. Everything you need to build HTML5 + JavaScript sites & apps “Kendo UI solves an important problem faced by JavaScript and HTML5 developers. It delivers a unifiedKendo UI framework backed by professional support. Its easier to learn, easier to upgrade, ultimately making it easier to build apps with HTML5.” - Todd Anglin, VP – HTML5 Web & Mobile Tools, Telerik
  20. 20. Kendo UI Kendo UI Kendo UI Web DataViz MobileKendo UI Kendo Framework Elements
  21. 21. Datasource Drag & Drop ValidationBuilding Blocks Kendo Framework MVVM Globalization Templating
  22. 22. Data Visualizations powered by HTML5Kendo UIDataViz Maximum Performance - Minimum Resource
  23. 23. Full Support for Quick & Easy Mobile and [Older] configuration BrowsersKendo UIDataViz
  24. 24. Combination Charts, Multiple Axes & MoreKendo UIDataViz
  25. 25. Kendo UI DataVizWidgetsCharts/Gauges
  26. 26. Widgets
  27. 27. Widgets
  28. 28. DemoShow me the action !
  29. 29.  http://www.kendoui.com  http://docs.kendoui.com  http://try.kendoui.comResources  http://kendouimusicstore.com
  30. 30. Email TwitterThank You. Lohith.nagaraj@telerik.com @kashyapa

×