Slide deck used for Webinar "HTML5 Charting in ASP.NET using RadHtmlChart" on Jul 25

1. Today’s session will be
recorded and available 24/7
on http://telerikhelper.net
facebook.com/telerik @telerik
HTML5 Charting in ASP.NET

2. Introduction
Lohith G N
Microsoft MVP, MCP
Developer Evangelist, Telerik
Email: lohith.nagaraj@telerik.com
Twitter: @kashyapa
Blog: http://www.kashyapas.com
Blog: http://telerikhelper.net

3. Roadmap for Today
HTML5
Charting
RadControls RadHtmlChart Demo

4. Webinar Giveaway
• 2 attendee will receive
.NET Ninja T-Shirt
• The Winner will be
announced
telerikhelper.net in a blog
post

5. HTML5 Charting

6. HTML5
One Web For All – W3C

7. 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

8. Demo
SVG & Canvas in action

9. RadControls for ASP.NET AJAX

10. RadControls for ASP.NET AJAX
 Development
toolset
 70 ASP.NET
AJAX Controls
 Rapid UI
Development

11. Features
 Minimal & clean HTML and
CSS
 Minimizing JavaScript
 Reducing Postbacks
 Compressing data transferred
 Built-in CDN support
 CSS sprites

12. What’s Included ?

13. HTML5 Charting in ASP.NET
AJAX

14. RadHtmlChart
 Charting
Component
 Based on HTML5
 All Chart Types
 Client side
rendering
 SVG output

15. Features
Any Essential Chart Type
 Pie
 DoNut
 Line
 Area
 Bar
 Column
 Scatter
 ScatterLine
 Bubble
 CandleStick

16. Features
Data Binding –
Server/Client

17. 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

18. Features
Multiple Series & Combination Charts

19. Browser Support

20. Demos
RadHtmlChart in Action

21. Email Twitter
Lohith.nagaraj@Telerik.com @kashyapa
Download RadControls for ASP.NET AJAX at
http://www.telerik.com/products/aspnet-ajax.aspx
Q & A