SVG charts and graphics with Ruby
summary
Shows how to generate SVG charts in Ruby instead of shipping a 100 KB JavaScript library like d3, with runnable examples: a bar chart built from rect elements, a line chart using a path plus circles for points, and a donut chart made from two arcs that require polar→Cartesian trig for the math. Covers embedding vs image/object for caching, styling via CSS classes and stroke/fill, manipulating SVG with JS, printing SVG to PDF with phantomjs, and a bare‑bones implementation on GitHub.
AI-written summary · about
chapters (11)
- 0:00Intro
- 4:30Rules of Web Design
- 9:09CSS
- 11:00Browser SVG
- 13:07Bar Charts
- 16:24Line Charts
- 18:20Math
- 19:52Donut Chart
- 21:55SVG Math
- 23:10Dragons
- 25:35Outro
related talks
39mSVG Charts and Graphics with Ruby
18mData Visualisation with Ruby
29m"Hand Coded Artisanal Data-Visualization"
24mBeyond the bar graph: Creative visualization with D3.js
05mUsing SVG Circles For Charting
47mSVGs beyond mere shapes
29mSVGs beyond mere shapes
51mD3 js: Easy and flexible data visualisation using Web standards