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
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
3
1.1k
明日から始めるリファクタリング
Avatar for ryounasso ryounasso
0
120
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
Avatar for aokirishima aokswork3
0
210
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
1
200
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
250
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
Avatar for Manfred Steyer manfredsteyer
PRO
0
150
ポスターセッション: 「まっすぐ行って、右！」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
Avatar for komo_fr komofr
0
1.1k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
3
1.2k
CSC305 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
1.2k
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
Avatar for Naofumi Kagami naofumi
4
3.7k
CSC305 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
260

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

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!