SVG Charts and Graphics with Ruby

on YouTube ↗39m

" summary

Shows that Ruby can generate SVG instead of pulling in a heavy JS library, actually building bar line and donut charts as XML using rect path circle and text, comparing a minified d3 bundle (~100 kB) to much smaller hand‑generated SVG, demonstrating inline vs external SVG for CSS/JS interactivity, caching strategies, and practical code routes (string concat, builders, Haml). Explains the math for arcs with polar to Cartesian conversion, viewBox units, and browser caveats like older IE and mobile performance.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 8:43Let's Take a Tour
3. 10:53SVG elements work like HTML elements
4. 14:00Bar Charts
5. 17:01Line Charts

" related talks

• 27mSVG charts and graphics with RubyStarr Horne · MountainWest RubyConf 2015
• 18mData Visualisation with RubyChris Lowis · Ruby Manor 2: Manor Harder
• 29m"Hand Coded Artisanal Data-Visualization"Nathan E. Lilly · Frontrunners 2024
• 24mBeyond the bar graph: Creative visualization with D3.jsJoanne Cheng · FutureJS 2014
• 47mSVGs beyond mere shapesNadieh Bremer · Frontend United 2019
• 51mD3 js: Easy and flexible data visualisation using Web standardsJos Dirksen · Devoxx Belgium 2017
• 05mUsing SVG Circles For ChartingChris Lienert · JSConf.Asia 2018
• 29mSVGs beyond mere shapesNadieh Bremer · CSSConf Australia 2016