Instead of adding methods to d3.selection, make a transform its own object that you can define independently of a selection. So this...
d3.selectAll("g.label")
.translate(function(d) { return [20,d.x*10]})
.rotate(40)
.scale(function(d) {return [d.size,2]})... would turn into this:
An unnecessarily thorough analysis
When you look at the behavior of the methods on a d3.selection, they fall into one of two categories:
.filter(), .exit(), .enter(), .append(), etc.; and.attr(), .style(), on(), etc.Question: Are these categories disjoint and exhaustive?
| var g = svg.selectAll('g') | |
| .data(/* the data */) | |
| g.enter().append('circle') | |
| g.selectAll('circle') | |
| .attr('r', function(d) { /* radius */ }) |
| module Permutation | |
| ( permute -- :: RandomGen g => [a] -> g -> ([a], g) | |
| , permuteST -- :: RandomGen g => [a] -> g -> ST s ([a], g) | |
| , permuteIO -- :: [a] -> IO [a] | |
| , unsafePermute -- :: [a] -> [a] | |
| ) where | |
| import Control.Monad ( foldM ) | |
| -- N.B. Unsafe operations have been deprecated in the original module and have | |
| -- been moved to Control.Monad.ST.Unsafe. |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| /* taken from: http://bl.ocks.org/mbostock/4060366 */ | |
| path { | |
| stroke: #fff; | |
| } | |
| -- This is how you embed a video in your Elm program using elm-d3. From the | |
| -- root directory of the elm-d3 project, compile it using something like the | |
| -- following command: | |
| -- | |
| -- elm --make --src-dir=src `./scripts/build-flags` /path/to/Video.elm | |
| -- | |
| -- Of course, replace /path/to/Video.elm with the path to this module. | |
| -- | |
| module Video where |
| -- This is how you create a form that supports file upload, and drag-n-drop. | |
| -- From the root directory of the elm-d3 project, compile it using something | |
| -- like the following command: | |
| -- | |
| -- elm --make --src-dir=src `./scripts/build-flags` /path/to/FileInput.elm | |
| -- | |
| -- Of course, replace /path/to/FileInput.elm with the path to this module. | |
| -- | |
| module FileInput where |
[ Launch: test ] eb949bb41495eca92b3c by seliopou[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot
[ Launch: Tributary inlet ] 47c338500ec2ff300dea by seliopou
[ Launch: Tributary inlet ] 235ff7614379f3f9dcee by seliopou