maia
Uploaded by
12 SLIDES
274 VUES
120LIKES

Understanding HTML5 Data Visualizations: Canvas vs SVG

DESCRIPTION

Dive into the essentials of HTML5 data visualizations, focusing on the differences between Canvas and SVG. Discover the advantages and use cases of each method: Canvas is ideal for high-performance games and complex graphics, while SVG is perfect for resolution-independent illustrations that can be styled with CSS. Explore popular data visualization tools such as Infragistics and Telerik, and understand how visual elements interact with the DOM. Ideal for developers looking to leverage robust data visualization techniques in their projects.

1 / 12

Télécharger la présentation

Understanding HTML5 Data Visualizations: Canvas vs SVG

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML5 data visualizations

  2. Visual creatures

  3. Data

  4. This slide intentionally blank

  5. Visualization

  6. Data visualization tools SQL Server Reporting Services

  7. Data visualization tools • Infragistics • Telerik

  8. Enter html 5 • Canvas vs. SVG • Raster vs. Vector

  9. Canvas • Most famous! • Good for games • Supports textures • Good support in major browsers • Resolution dependant

  10. SVG • Resolution independent • Items within a canvas are part of the DOM • Can be styled with CSS

  11. Getting started with SVG

  12. Questions? • @stimms • http://blog.simontimms.com

More Related