Easy HTML5 Data Visualization with Kendo UI DataViz

  • 1,383 views
Uploaded on

Webinar as part of Ninja Developer Series on Apr 11.

Webinar as part of Ninja Developer Series on Apr 11.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
1,383
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
14
Comments
1
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Easy HTML5 DataVisualization withKendo UI DataVizKendo UI Dataviz - HTML5 based JavaScript f/w forvisualization
  • 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. Two Active Participants from webinar will receive the below Ninja T-ShirtWebinarGiveaway/Prize
  • 4. Kendo UIAgenda Visualization Why How HTML5 DataViz
  • 5. What is Visualizationdefinition
  • 6. Data visualization is the study of the visualWhat isVisualization representation of data …wikipedia
  • 7. Main goal of data visualization is to communicate informationWhat is clearly and effectively throughVisualization graphical means. …Vitaly Friedman Editor In Chief, SmashingMagazine
  • 8. Why Visualization ?Need
  • 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. How to Visualize?Ways to visualize data
  • 11.  Charts/GraphsHow to  GaugesVisualize?  Infographics
  • 12. VisualizationExamples
  • 13. VisualizationExamples
  • 14. HTML5 TechnologyCreating Visualizations
  • 15. HTML5 –Technology touse One Web For All – W3C
  • 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. DemoSVG & Canvas in Action
  • 18. IntroducingKendo UI DataVizHTML5 based javaScript Client Side F/W for Visualization
  • 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. Kendo UI Kendo UI Kendo UI Web DataViz MobileKendo UI Kendo Framework Elements
  • 21. Datasource Drag & Drop ValidationBuilding Blocks Kendo Framework MVVM Globalization Templating
  • 22. Data Visualizations powered by HTML5Kendo UIDataViz Maximum Performance - Minimum Resource
  • 23. Full Support for Quick & Easy Mobile and [Older] configuration BrowsersKendo UIDataViz
  • 24. Combination Charts, Multiple Axes & MoreKendo UIDataViz
  • 25. Kendo UI DataVizWidgetsCharts/Gauges
  • 26. Widgets
  • 27. Widgets
  • 28. DemoShow me the action !
  • 29.  http://www.kendoui.com  http://docs.kendoui.com  http://try.kendoui.comResources  http://kendouimusicstore.com
  • 30. Email TwitterThank You. Lohith.nagaraj@telerik.com @kashyapa