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
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
130
Domain-Driven Transformation
hschwentner
2
1.9k
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
520
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
240
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
530
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
190
GoとPHPのインターフェイスの違い
shimabox
2
170
昭和の職場からアジャイルの世界へ
kumagoro95
1
360
Rails アプリ地図考 Flush Cut
makicamel
1
110
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Making Projects Easy
brettharned
116
6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Bash Introduction
62gerente
610
210k
The Language of Interfaces
destraynor
156
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
410
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
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!