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
360
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
250
Ditching the Single Page Application (RubyNation 2015)
snhorne
1
240
SVG Charts and Graphs With Ruby
snhorne
0
190
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
950
Other Decks in Programming
See All in Programming
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
100
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
Software Architecture
hschwentner
6
2.1k
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
170
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
890
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
テストをしないQAエンジニアは何をしているか?
nealle
0
130
最近のVS Codeで気になるニュース 2025/01
74th
1
250
Featured
See All Featured
Music & Morning Musume
bryan
46
6.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Making Projects Easy
brettharned
116
6k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Code Review Best Practice
trishagee
66
17k
Site-Speed That Sticks
csswizardry
3
370
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Bash Introduction
62gerente
610
210k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
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!