Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SVG Charts and Graphs With Ruby
Search
Starr Horne
March 10, 2015
Programming
0
340
SVG Charts and Graphs With Ruby
As given at Mountain West Ruby Conference 2015
Starr Horne
March 10, 2015
Tweet
Share
More Decks by Starr Horne
See All by Starr Horne
Ditching the Single Page Application - Madison+Ruby 2015
snhorne
0
240
Ditching the Single Page Application (RubyNation 2015)
snhorne
1
230
SVG Charts and Graphs With Ruby
snhorne
0
130
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
880
Other Decks in Programming
See All in Programming
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
PHPはいつから死んでいるかの調査
chiroruxx
1
400
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
270
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
150
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
ゆるい個人開発のススメ
kuroppe1819
10
990
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
Ruby GitHub Packages
bkuhlmann
0
630
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
"config" ってなんだ? / What is "config"?
okashoi
0
240
見た目から始める生産性向上
ikumatadokoro
7
840
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
Statistics for Hackers
jakevdp
789
220k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Clear Off the Table
cherdarchuk
84
310k
Docker and Python
trallard
34
2.7k
A designer walks into a library…
pauljervisheath
200
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Music & Morning Musume
bryan
41
5.6k
Transcript
SVG Charts & Graphics in Ruby! Starr Horne
SVG Charts & Graphics in Ruby! Starr Horne
StarrHorne
StarrHorne 1999 The year was
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne First rule of Web Design: ✨ ✨ Make the
logo look good ✨
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne How to use SVG
StarrHorne
StarrHorne
StarrHorne Nice for caching
StarrHorne Can’t style with CSS
StarrHorne
StarrHorne Have to use fragment caching
StarrHorne Can use external CSS & JS
StarrHorne Let’s Take a Tour
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne SVG elements work like HTML elements
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne Bar Charts
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne Line Charts
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne Do The Math
StarrHorne Data -> Graph Space -> “Pixel” Space
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne
StarrHorne Do The (polar) Math
StarrHorne
StarrHorne
StarrHorne A Simple Ruby Implementation https://github.com/starrhorne/svg_sparklines (if you use it,
fork it)
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)
StarrHorne Building Web Applications in SVG …it’s good, even though
MS published it.
StarrHorne Thanks!