From 0921f90ad09b7602f7e9fc32ec89ea91f13bc51f Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Wed, 14 Nov 2012 16:07:20 -0500
Subject: [PATCH] Transforms performance

---
 NOTES.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/NOTES.md b/NOTES.md
index ac3b77f26..fffaf37c4 100644
--- a/NOTES.md
+++ b/NOTES.md
@@ -118,3 +118,16 @@ private List<OldState> oldState = new LinkedList<OldState>();
 // ...
 }
 ```
+
+## Transforms Performance
+
+There are two kinds of transforms: SVG and CSS. CSS transforms of SVG elements
+are less efficient that SVG transforms of SVG elements. `translate` notation
+has equivalent performance to `matrix` notation.
+
+* [svg swarm with svg transform matrix](http://bl.ocks.org/d/4074697/)
+* [svg swarm with svg transform translate](http://bl.ocks.org/d/4074808/)
+* [svg swarm with css translate](http://bl.ocks.org/d/4074632/)
+
+SVG transforms are a roughly 2x speedup relative to CSS - 16fps vs 32fps in
+Google Chrome Beta.