Today’s session will be recorded and available

24/7 on http://telerikhelper.net

facebook.com/telerik

@telerik

HTML5 Charting in ASP.NET

IntroductionLohith G N

Microsoft MVP, MCP

Developer Evangelist, Telerik

Email: lohith.nagaraj@telerik.com

Twitter: @kashyapa

Blog: http://www.kashyapas.com

Blog: http://telerikhelper.net

Roadmap for Today

HTML5 Charting

RadControls

RadHtmlChart Demo

Webinar Giveaway

• 2 attendee will receive .NET Ninja T-Shirt

• The Winner will be announced telerikhelper.net in a blog post

HTML5 Charting

HTML5

One Web For All – W3C

Visualization Techniques SVG

Scalable Vector Graphics

Vector Based Graphics for

Web

XML Format

Zoom or Resize – no loss

Every Element/Attribute

can be animated

W3C recommendation

Integrates with DOM

Ideal for charts

Canvas

2D drawing surface

Use JS API to draw

Raster Based Graphics

Ideal for large scale

graphical applications

like Games

DemoSVG & Canvas in action

RadControls for ASP.NET AJAX

RadControls for ASP.NET AJAX Development

toolset 70 ASP.NET

AJAX Controls Rapid UI

Development

Features

Minimal & clean HTML and

CSS

Minimizing JavaScript

Reducing Postbacks

Compressing data

transferred

Built-in CDN support

CSS sprites

What’s Included ?

HTML5 Charting in ASP.NET AJAX

RadHtmlChart

Charting Component

Based on HTML5 All Chart Types Client side

rendering SVG output

Features

Any Essential Chart Type Pie

DoNut Line Area Bar Column Scatter ScatterLine Bubble CandleStic

k

Features

Data Binding – Server/Client

Features

Support Various Data Types SVG output – Modern Browsers Fallback to VML – Older Browsers Easy Customization – Appearance Interactions – Animations/Highlighting Client Side Events/Rich Server Side API

Features

Multiple Series & Combination Charts

Browser Support

DemosRadHtmlChart in Action

Email Twitter

Lohith.nagaraj@Telerik.com @kashyapa

Download RadControls for ASP.NET AJAX at

http://www.telerik.com/products/aspnet-ajax.aspx

Q & A