Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SVG Charts and Graphs With Ruby

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Starr Horne Starr Horne
March 10, 2015
Programming
400
0

SVG Charts and Graphs With Ruby

As given at Mountain West Ruby Conference 2015

Avatar for Starr Horne

Starr Horne

March 10, 2015

More Decks by Starr Horne

See All by Starr Horne
Ditching the Single Page Application - Madison+Ruby 2015
Avatar for Starr Horne snhorne
0
270
Ditching the Single Page Application (RubyNation 2015)
Avatar for Starr Horne snhorne
1
290
SVG Charts and Graphs With Ruby
Avatar for Starr Horne snhorne
0
240
The short but happy lives of TCP and HTTP requests
Avatar for Starr Horne snhorne
4
410
Machine Learning Techniques You Can Use Today
Avatar for Starr Horne snhorne
4
220
Biggish Data with Rails and Postgresql
Avatar for Starr Horne snhorne
3
990

Other Decks in Programming

See All in Programming
ソフトウェアラスタライザ
Avatar for Fadis fadis
1
790
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
560
Deep dive into the select statement (GopherCon UK)
Avatar for Jesús Espino jespino
0
170
[PyCon KR 2026] More Variants, More Diversity for AI Accelerators
Avatar for Joongi Kim achimnol
0
130
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
Avatar for 村上優稀 musan
3
270
自分的「カンファレンスの楽しみ方」
Avatar for syumai syumai
0
190
LL言語やWebフレームワークの PostgreSQL対応 〜DBの機能がユーザーに届くまで〜
Avatar for 武田 憲太郎 kentaroutakeda
0
140
PyConJP2026_wat_Python × Signal Processing: How to Draw Pictures with Sound Using Spectrogram Art
Avatar for wat wat
0
670
Go を使い始めて 2 ヶ月の学び / My first two months with Go
Avatar for Daisuke Garaike contour_gara
0
420
私のClaude Code活用法 （個人開発編） - PHPerKaigi mini #4（2026/08/24）
Avatar for panda_program panda_program
1
210
片田舎のおっさん、 Swift Buildのダイアモンド問題解決の不具合修正PRを出すが、解決方法がキャッシュをしないようにすることであり、ビルド時間が伸びると言われてマージされないので高速化もする/swiftbuild
Avatar for yimajo yimajo
0
360
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
1
410

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
3.9k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
420
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
190
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
820
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.9k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
640

Transcript

  1. SVG Charts & Graphics in Ruby! Starr Horne

  2. SVG Charts & Graphics in Ruby! Starr Horne

  3. StarrHorne

  4. StarrHorne 1999 The year was

  5. StarrHorne

  6. StarrHorne

  7. StarrHorne

  8. StarrHorne

  9. StarrHorne

  10. StarrHorne

  11. StarrHorne

  12. StarrHorne

  13. StarrHorne First rule of Web Design: ✨ ✨ Make the

    logo look good ✨

  14. StarrHorne

  15. StarrHorne

  16. StarrHorne

  17. StarrHorne

  18. StarrHorne

  19. StarrHorne

  20. StarrHorne

  21. StarrHorne

  22. StarrHorne How to use SVG

  23. StarrHorne

  24. StarrHorne

  25. StarrHorne Nice for caching

  26. StarrHorne Can’t style with CSS

  27. StarrHorne

  28. StarrHorne Have to use fragment caching

  29. StarrHorne Can use external CSS & JS

  30. StarrHorne Let’s Take a Tour

  31. StarrHorne

  32. StarrHorne

  33. StarrHorne

  34. StarrHorne

  35. StarrHorne

  36. StarrHorne

  37. StarrHorne

  38. StarrHorne

  39. StarrHorne SVG elements work like HTML elements

  40. StarrHorne

  41. StarrHorne

  42. StarrHorne

  43. StarrHorne

  44. StarrHorne Bar Charts

  45. StarrHorne

  46. StarrHorne

  47. StarrHorne

  48. StarrHorne

  49. StarrHorne

  50. StarrHorne Line Charts

  51. StarrHorne

  52. StarrHorne

  53. StarrHorne

  54. StarrHorne

  55. StarrHorne Do The Math

  56. StarrHorne Data -> Graph Space -> “Pixel” Space

  57. StarrHorne

  58. StarrHorne

  59. StarrHorne

  60. StarrHorne

  61. StarrHorne

  62. StarrHorne

  63. StarrHorne

  64. StarrHorne

  65. StarrHorne

  66. StarrHorne

  67. StarrHorne

  68. StarrHorne Do The (polar) Math

  69. StarrHorne

  70. StarrHorne

  71. StarrHorne A Simple Ruby Implementation https://github.com/starrhorne/svg_sparklines (if you use it,

    fork it)

  72. StarrHorne Lies I Told During This Talk • SVG text

    can be painful • Coordinate systems can be obtuse • Documentation is there, but trial and error is king (More like omissions)

  73. StarrHorne Building Web Applications in SVG …it’s good, even though

    MS published it.

  74. StarrHorne Thanks!