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
200

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
370
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
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
560
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
170
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
42
29k
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
830
ktr0731/go-mcpでMCPサーバー作ってみた
Avatar for kashiwa takak2166
0
170
レガシーシステムの機能調査・開発におけるAI利活用
Avatar for takuya ohtonari takuya_ohtonari
0
610
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
Avatar for yukyan n3xem
0
670
Go1.25からのGOMAXPROCS
Avatar for kuro kuro_kurorrr
1
790
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
1
370
[初登壇＠jAZUG]アプリ開発者が気になるGoogleCloud/Azure＋wasm/wasi
Avatar for asaringo asaringo
0
130
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
180
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
480

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
660
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k

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!