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
0
210

SVG Charts and Graphs With Ruby

Talk given at RailsConf 2015

Avatar for Starr Horne

Starr Horne

May 01, 2015
Tweet

More Decks by Starr Horne

See All by Starr Horne
Ditching the Single Page Application - Madison+Ruby 2015
Avatar for Starr Horne snhorne
0
250
Ditching the Single Page Application (RubyNation 2015)
Avatar for Starr Horne snhorne
1
260
SVG Charts and Graphs With Ruby
Avatar for Starr Horne snhorne
0
380
The short but happy lives of TCP and HTTP requests
Avatar for Starr Horne snhorne
4
390
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
970

Other Decks in Programming

See All in Programming
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
14
5k
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
Avatar for Ryo Okubo syucream
1
170
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
Avatar for Kuniwak orgachem
PRO
17
3.9k
Infer入門
Avatar for r1ru riru
4
1.5k
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
13
7.7k
サイトを作ったらNFCタグキーホルダーを爆速で作れ！
Avatar for Yuuki Shimizu yuukis
0
330
パスタの技術
Avatar for Yusuke Wada yusukebe
1
380
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
Avatar for Mirrativ mirrativ
1
210
LLMは麻雀を知らなすぎるから俺が教育してやる
Avatar for po3rin po3rin
3
2.1k
#QiitaBash TDDで(自分の)開発がどう変わったか
Avatar for Tommy(sigma) ryosukedtomita
1
370
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
Avatar for 幡ヶ谷亭直吉 hiliteeternal
0
460
Google I/O recap web編 大分Web祭り2025
Avatar for kponda kponda
0
2.9k

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
188
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.8k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
159
25k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k

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!