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

SVG Charts and Graphs With Ruby

Starr Horne
March 10, 2015
Programming
0
360

SVG Charts and Graphs With Ruby

As given at Mountain West Ruby Conference 2015

Starr Horne

March 10, 2015
Tweet

More Decks by Starr Horne

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

Other Decks in Programming

See All in Programming
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
430
『ドメイン駆動設計をはじめよう』のモデリングアプローチ
masuda220
PRO
8
540
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
とにかくAWS GameDay！AWSは世界の共通言語！ / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
880
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
110
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
Less waste, more joy, and a lot more green: How Quarkus makes Java better
hollycummins
0
100
Amazon Qを使ってIaCを触ろう！
maruto
0
410
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
230
Remix on Hono on Cloudflare Workers
yusukebe
1
290
レガシーシステムにどう立ち向かうか　複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
Quine, Polyglot, 良いコード
qnighy
4
640

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Typedesign – Prime Four
hannesfritz
40
2.4k
Making Projects Easy
brettharned
115
5.9k
Designing for humans not robots
tammielis
250
25k
The Invisible Side of Design
smashingmag
298
50k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Speed Design
sergeychernyshev
25
620
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Faster Mobile Websites
deanohume
305
30k
GraphQLとの向き合い方2022年版
quramy
43
13k

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!