Html5 data viz

•Als PPTX, PDF herunterladen•

2 gefällt mir•1,055 views

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

Technologie

HTML5 DataVizualization

facebook.com/telerik @telerik

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

Agenda

HTML5 Building
What is Kendo UI
Standard for DataViz apps
DataViz DataViz
DataViz with Kendo UI

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

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

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

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 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 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 & Drop

Kendo UI DataViz

facebook.com/telerik @telerik

Full Support for Mobile and [Older]
Browsers

Combination Charts, Multiple Axes &
More

DataViz Widgets

facebook.com/telerik @telerik

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

Weitere ähnliche Inhalte

Was ist angesagt?

Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...Kumton Suttiraksiri

Qlik view training courseFuturePoint Technologies

Togu CMSAlessandro Siragusa

Semantic Wiki Page MakerJesse Wang

Cloud Trends 2017Bogdan Naydenov

Integrate Videos & Photos With Ease in ASP.NETLohith Goudagere Nagaraj

Case study - Windows Azure Platformmsgtscindia

Getting Started with ASP.NET vNextLohith Goudagere Nagaraj

Effective Data Visualization - Strata (Feb 2012)Hjalmar Gislason

HTML5 in IE9Buu Nguyen

HTML 5 - A developers perspectiveSanthosh Kumar Srinivasan

Mvc webformsMuhammad Younis

Intel AppUp Day BolognaAndrea Balducci

Building RIA - Comparison between Adobe Flex and GWT - Hu Shunjiejasonong

Web 2.0 and LiveQuotes PresentationJamie Thingelstad

10 Mobile Application Framework Must Know to Launch New AppSonitek International

Power BI Governance, Why it is important?Soheil Bakhshi

"Jclays, A global solution for application design and automatic GWT code gene...GWTcon

Silverlight Simon WilkinsonSimon Wilkinson

Was ist angesagt? (19)

Power BI Day-mvpskill-25082018: Power BI Ecosystem + Embedded & Visualization...

Qlik view training course

Togu CMS

Semantic Wiki Page Maker

Cloud Trends 2017

Integrate Videos & Photos With Ease in ASP.NET

Case study - Windows Azure Platform

Getting Started with ASP.NET vNext

Effective Data Visualization - Strata (Feb 2012)

HTML5 in IE9

HTML 5 - A developers perspective

Mvc webforms

Intel AppUp Day Bologna

Building RIA - Comparison between Adobe Flex and GWT - Hu Shunjie

Web 2.0 and LiveQuotes Presentation

10 Mobile Application Framework Must Know to Launch New App

Power BI Governance, Why it is important?

"Jclays, A global solution for application design and automatic GWT code gene...

Silverlight Simon Wilkinson

Ähnlich wie Html5 data viz

Easy HTML5 Data Visualization with Kendo UI DataVizLohith Goudagere Nagaraj

Kendo ui webLohith Goudagere Nagaraj

Neha Bhandari CVNeha Bhandari

Online Spreadsheet for your Web Applications using Kendo UILohith Goudagere Nagaraj

Arun Kumar(7.8Yrs).DOCArun Kumar Rajamandrapu

Asp.net mvc - Better User Experience with Kendo UILohith Goudagere Nagaraj

VenkateshVGVenkatesh Govindaraj

Solving Enteprise Mobility Considerations with Telerik Mobile PlatformLohith Goudagere Nagaraj

Resume_newRajesh K P

Hybrid mobile app with kendo ui mobileLohith Goudagere Nagaraj

S Kumar ResumeS Kumar

KhajavaliShaikkhajavali shaik

Service Pack One for InduSoft Web Studio 8.0AVEVA

Dave_Charlton_Resume_Mar2016David Charlton

Company presentation (+portfolio)Maria Padaliak

Company Presentation (+Portfolio)Joseph McKay

KhajavaliShaikkhajavali shaik

Makersbay Nex-Gen Software Development Overviewslodha

Dave_Charlton_TTC_Mar2016v2David Charlton

Chris Durkin Resume - Expert .NET Consultant 18 years experienceChris Durkin

Ähnlich wie Html5 data viz (20)

Easy HTML5 Data Visualization with Kendo UI DataViz

Kendo ui web

Neha Bhandari CV

Online Spreadsheet for your Web Applications using Kendo UI

Arun Kumar(7.8Yrs).DOC

Asp.net mvc - Better User Experience with Kendo UI

VenkateshVG

Solving Enteprise Mobility Considerations with Telerik Mobile Platform

Resume_new

Hybrid mobile app with kendo ui mobile

S Kumar Resume

KhajavaliShaik

Service Pack One for InduSoft Web Studio 8.0

Dave_Charlton_Resume_Mar2016

Company presentation (+portfolio)

Company Presentation (+Portfolio)

KhajavaliShaik

Makersbay Nex-Gen Software Development Overview

Dave_Charlton_TTC_Mar2016v2

Chris Durkin Resume - Expert .NET Consultant 18 years experience

Mehr von Lohith Goudagere Nagaraj

Porting Hybrid Apps to Native AppsLohith Goudagere Nagaraj

Hybrid Mobile App Development With CordovaLohith Goudagere Nagaraj

Building Web Apps & APIs With Node JSLohith Goudagere Nagaraj

Even Quicker Development with Xamarin Forms Using Telerik UI for XamarinLohith Goudagere Nagaraj

You Know Angular 2, You Know Native Mobile App DevelopmentLohith Goudagere Nagaraj

Connecting your .Net Applications to NoSQL Databases - MongoDB & CassandraLohith Goudagere Nagaraj

Angular JS 2.0 & React with Kendo UILohith Goudagere Nagaraj

Kendo UI Wrappers in ASP.NET CoreLohith Goudagere Nagaraj

Seamless Access to Data from BI Tools using DataDirect CloudLohith Goudagere Nagaraj

The Bleeding Edge - Whats New in Angular 2Lohith Goudagere Nagaraj

Introduction to UWP - Universal Windows Platform Application DevelopmentLohith Goudagere Nagaraj

Cross Platform Web Applications Using ASP.NET Core 1.0Lohith Goudagere Nagaraj

Build Leaner, Faster Web Applications with ASP.NETLohith Goudagere Nagaraj

JavaScript Task Runners - Gulp & GruntLohith Goudagere Nagaraj

Visual Studio 2015 - Whats New ?Lohith Goudagere Nagaraj

Introduction to React JSLohith Goudagere Nagaraj

NativeScript + Push NotificationsLohith Goudagere Nagaraj

10 Useful New Features of ECMA Script 6Lohith Goudagere Nagaraj

New Enterprisre Capabilities in Telerik PlatformLohith Goudagere Nagaraj

Creating Custom HTML Helpers in ASP.NET MVCLohith Goudagere Nagaraj

Mehr von Lohith Goudagere Nagaraj (20)

Porting Hybrid Apps to Native Apps

Hybrid Mobile App Development With Cordova

Building Web Apps & APIs With Node JS

Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin

You Know Angular 2, You Know Native Mobile App Development

Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra

Angular JS 2.0 & React with Kendo UI

Kendo UI Wrappers in ASP.NET Core

Seamless Access to Data from BI Tools using DataDirect Cloud

The Bleeding Edge - Whats New in Angular 2

Introduction to UWP - Universal Windows Platform Application Development

Cross Platform Web Applications Using ASP.NET Core 1.0

Build Leaner, Faster Web Applications with ASP.NET

JavaScript Task Runners - Gulp & Grunt

Visual Studio 2015 - Whats New ?

Introduction to React JS

NativeScript + Push Notifications

10 Useful New Features of ECMA Script 6

New Enterprisre Capabilities in Telerik Platform

Creating Custom HTML Helpers in ASP.NET MVC

Kürzlich hochgeladen

[BuildWithAI] Introduction to Gemini.pdfSandro Moreira

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

MINDCTI Revenue Release Quarter One 2024MIND CTI

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Exploring Multimodal Embeddings with MilvusZilliz

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub

Architecting Cloud Native ApplicationsWSO2

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea

Why Teams call analytics are critical to your entire businesspanagenda

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

DBX First Quarter 2024 Investor PresentationDropbox

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Kürzlich hochgeladen (20)

[BuildWithAI] Introduction to Gemini.pdf

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Strategies for Landing an Oracle DBA Job as a Fresher

Artificial Intelligence Chap.5 : Uncertainty

MINDCTI Revenue Release Quarter One 2024

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Exploring Multimodal Embeddings with Milvus

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Architecting Cloud Native Applications

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Why Teams call analytics are critical to your entire business

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

DBX First Quarter 2024 Investor Presentation

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - The value of a flexible API Management solution for O...

presentation ICT roal in 21st century education

Html5 data viz

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

20.

21.

22.

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

Html5 data viz

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Ähnlich wie Html5 data viz

Ähnlich wie Html5 data viz (20)

Mehr von Lohith Goudagere Nagaraj

Mehr von Lohith Goudagere Nagaraj (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Html5 data viz