Talks
Speakers
Events
Topics
Sign in
Home
Talks
Speakers
Events
Topics
Leaderboard
Use
Analytics
Sign in
Suggest modification to this talk
Title
Description
By Starr Horne Many people assume that the only way to add interesting charts and visualizations to their web applications is via JavaScript. But this isn't true. You don't need a 900 kB JavaScript library to generate simple charts. Instead you can use SVG and Ruby. Once you learn how to build your own SVG graphics then it's possible to do cool things like cache them, or use your own CSS and JavaScript to manipulate them. This presentation will show you how. Help us caption & translate this video! http://amara.org/v/G8f2/
Date
Summarized using AI?
If this talk's summary was generated by AI, please check this box. A "Summarized using AI" badge will be displayed in the summary tab to indicate that the summary was generated using AI.
Show "Summarized using AI" badge on summary page
Summary
Markdown supported
In the presentation "SVG Charts and Graphics with Ruby" at RailsConf 2015, Starr Horne discusses how to create visuals and charts using SVG and Ruby, challenging the common belief that JavaScript is necessary for such tasks. Key Points: - **Introduction to Speaker and Topic**: Starr Horne, working with Honeybadger, introduces the idea that simple charts and graphics can be created using SVG rather than heavy JavaScript libraries. - **What is SVG?**: Horne explains that SVG (Scalable Vector Graphics) is based on XML and allows the creation of graphics that scale without losing quality, countering the limitations of raster images that become blurry when scaled. - **Historical Context**: The speaker shares a history of SVG's development since 1999, mentioning that while expected technological advancements were delayed, SVG has emerged as a favorable web standard. - **Benefits of SVG**: SVG graphics maintain sharpness across different display resolutions, making them ideal for various applications, including logos, animations, and interactive data visualizations. - **Comparison with JavaScript Libraries**: Highlighting the efficiency of using SVG directly, Horne points out that D3.js, a popular JavaScript library for visualizations, requires substantial file sizes, whereas SVG offers simpler, direct methods. - **Creating SVG**: The speaker discusses how SVG can be embedded directly in HTML, allowing for easy manipulation through CSS and JavaScript. Examples include creating bar charts, line charts, and area charts using appropriate SVG tags. - **Interactivity in SVG**: By treating SVG components like HTML elements, Horne showcases how interactivity can be added to charts, enhancing user engagement. - **Advanced Chart Types**: Techniques for creating more complex visuals like donut charts are covered, emphasizing SVG's flexibility and ability to represent data effectively. - **Learning and Challenges**: Horne encourages experimentation with SVG while noting some limitations, such as issues with word wrapping and a lack of comprehensive documentation. - **Conclusion and Encouragement**: The presentation concludes with Horne urging participants to explore SVG's capabilities in web development, highlighting its fun and beneficial aspects for creating dynamic visuals. The main takeaway is that SVG is a powerful tool for crafting graphics and charts without the need for cumbersome JavaScript libraries, offering simplicity and scalability. Overall, the talk is an insightful exploration of SVG's potential in the context of modern web development, providing both technical guidance and practical examples.
Suggest modifications
Cancel
