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

SVG Charts and Graphs With Ruby

Avatar for Starr Horne Starr Horne
May 01, 2015
Programming
230
0

SVG Charts and Graphs With Ruby

Talk given at RailsConf 2015

Avatar for Starr Horne

Starr Horne

May 01, 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
260
Ditching the Single Page Application (RubyNation 2015)
Avatar for Starr Horne snhorne
1
270
SVG Charts and Graphs With Ruby
Avatar for Starr Horne snhorne
0
390
The short but happy lives of TCP and HTTP requests
Avatar for Starr Horne snhorne
4
400
Machine Learning Techniques You Can Use Today
Avatar for Starr Horne snhorne
4
200
Biggish Data with Rails and Postgresql
Avatar for Starr Horne snhorne
3
980

Other Decks in Programming

See All in Programming
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
1.2k
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
910
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.8k
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
4.2k
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
Avatar for nnaka2992 nnaka2992
0
190
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
310
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.2k
安いハードウェアでVulkan
Avatar for Fadis fadis
1
870
へんな働き方
Avatar for Yusuke Wada yusukebe
6
2.9k
モダンOBSプラグイン開発
Avatar for Kaito Udagawa umireon
0
190
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
270
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
140

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
310
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
160
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k

Transcript

  1. SVG Charts & Graphics in Ruby! by Starr Horne

  2. SVG Charts & Graphics in Ruby! by Starr Horne

  3. StarrHorne

  4. StarrHorne 1999 The year was

  5. StarrHorne

  6. StarrHorne

  7. StarrHorne

  8. StarrHorne Rails 5: TurboXSLT

  9. StarrHorne

  10. StarrHorne

  11. StarrHorne

  12. StarrHorne

  13. StarrHorne

  14. StarrHorne

  15. StarrHorne

  16. StarrHorne

  17. StarrHorne

  18. StarrHorne

  19. StarrHorne

  20. StarrHorne

  21. StarrHorne

  22. StarrHorne

  23. StarrHorne How to use SVG

  24. StarrHorne

  25. StarrHorne Can’t use CSS/JS

  26. StarrHorne

  27. StarrHorne CAN use CSS & JS

  28. StarrHorne Let’s Take a Tour

  29. StarrHorne

  30. StarrHorne

  31. StarrHorne

  32. StarrHorne

  33. StarrHorne

  34. StarrHorne

  35. StarrHorne

  36. StarrHorne

  37. StarrHorne SVG elements work like HTML elements

  38. StarrHorne

  39. StarrHorne

  40. StarrHorne http://codepen.io/team/lincolnloop/pen/GgdLBa

  41. StarrHorne

  42. StarrHorne

  43. StarrHorne Bar Charts

  44. StarrHorne

  45. StarrHorne

  46. StarrHorne

  47. StarrHorne

  48. StarrHorne

  49. StarrHorne Line Charts

  50. StarrHorne

  51. StarrHorne

  52. StarrHorne

  53. StarrHorne

  54. StarrHorne Do The Math

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

  56. StarrHorne

  57. StarrHorne

  58. StarrHorne

  59. StarrHorne

  60. StarrHorne

  61. StarrHorne

  62. StarrHorne

  63. StarrHorne

  64. StarrHorne

  65. StarrHorne

  66. StarrHorne

  67. StarrHorne Do The (polar) Math

  68. StarrHorne

  69. StarrHorne

  70. StarrHorne ¿Y Ruby?

  71. StarrHorne

  72. StarrHorne

  73. StarrHorne Umm…string concatenation https://github.com/starrhorne/svg_sparklines (if you use it, fork it)

  74. StarrHorne SVG sucks at many things

  75. StarrHorne

  76. StarrHorne

  77. StarrHorne

  78. StarrHorne

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

    MS published it.

  80. StarrHorne Thanks!