From a490c1ee8ddbe9c70efc579c96d8bb0f6d055fa4 Mon Sep 17 00:00:00 2001 From: Kevin Schaul Date: Fri, 2 Aug 2013 18:00:59 -0400 Subject: [PATCH] Added snippets for d3 (javascript) Based on Shan Carter's snippets for Sublime https://github.com/shancarter/sublime-text-d3 --- snippets/javascript.d3.snippets | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 snippets/javascript.d3.snippets diff --git a/snippets/javascript.d3.snippets b/snippets/javascript.d3.snippets new file mode 100644 index 0000000..a3f7fa7 --- /dev/null +++ b/snippets/javascript.d3.snippets @@ -0,0 +1,30 @@ +snippet .attr + .attr("${1}", ${2}) +snippet .style + .style("${1}", ${2}) +snippet axis + d3.svg.axis() + .orient(${1}) + .scale(${2}) +snippet fd + function(d) { ${1} } +snippet fdi + function(d, i) { ${1} } +snippet marginconvention + var ${1:margin} = { top: ${2:10}, right: ${3:10}, bottom: ${4:10}, left: ${5:10} }; + var ${6:width} = ${7:970} - $1.left - $1.right; + var ${8:height} = ${9:500} - $1.top - $1.bottom; + + var ${10:svg} = d3.select("${11}").append("svg") + .attr("width", $6) + .attr("height", $8) + .append("g") + .attr("transform", "translate(" + $1.left + "," + $1.top + ")") +snippet nest + d3.nest() + .key(${1}) + .entries(${2}) +snippet scale + d3.scale.linear() + .domain(${1}) + .range(${2})