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

SVG Charts and Graphs With Ruby

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Starr Horne Starr Horne
May 01, 2015
Programming
0
230

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
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
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
540
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
530
CSC307 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
猫の手も借りたい！ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
260
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
390
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
190
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
700
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
Avatar for Takashi Kanemoto ttskch
1
130
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
180
モジュラモノリスにおける境界をGoのinternalパッケージで守る
Avatar for magavel magavel
0
3.5k
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
2.7k

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
140
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
380
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
160
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
140
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.4k

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!