Building Year in Review 2014 with SVG and Rails - Shopify
Feb 11, 2015

Summary
This post details the use of SVG with d3.js for animated charts, `stroke-dashoffset` for path animations, and techniques for making SVGs responsive using the `viewBox` attribute and CSS positioning. It also covers generating SVG text with offset strokes and patterned fills using Rails helpers and the `<pattern>` element.
More from the Responsive Visuals for Marketing Pages trail
- Behind the build: 2025's BFCM globe in a pinball machine 🌎🕹️ - Shopify
- How We Built the BFCM 2023 Globe - Shopify
- How We Built Shopify Party - Shopify
- A World Rendered Beautifully: The Making of the BFCM 3D Data Visualization - Shopify
- Images as Code: Representing Localized and Evolving Products on Marketing Pages - Shopify