Update to v4

martgnz · martgnz · commit 882aa17fecaa · 2017-04-15T09:54:29.000+02:00
diff --git a/snippets/append.cson b/snippets/append.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "append":
+    "Append something":
         prefix: "app"
         body: ".append('${1:}')"
diff --git a/snippets/area.cson b/snippets/area.cson
@@ -0,0 +1,9 @@
+".source.js":
+    "Area generator":
+        prefix: "area"
+        body: """
+        var area = d3.area()
+            .x(function(d) { return x(d.${1:}); })
+            .y1(function(d) { return y(d.${2:}); })
+            .y0(y(0));
+        """
diff --git a/snippets/attr.cson b/snippets/attr.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "attr":
+    "Set attributes":
         prefix: "attr"
         body: ".attr('${1:}', '${2:}')"
diff --git a/snippets/axis-bottom.cson b/snippets/axis-bottom.cson
@@ -0,0 +1,6 @@
+".source.js":
+    "Bottom-oriented axis":
+        prefix: "axisb"
+        body: """
+        d3.axisBottom(${1:x});
+        """
diff --git a/snippets/axis-left.cson b/snippets/axis-left.cson
@@ -0,0 +1,6 @@
+".source.js":
+    "Left-oriented axis":
+        prefix: "axisl"
+        body: """
+        d3.axisLeft(${1:y});
+        """
diff --git a/snippets/axis-right.cson b/snippets/axis-right.cson
@@ -0,0 +1,6 @@
+".source.js":
+    "Right-oriented axis":
+        prefix: "axisr"
+        body: """
+        d3.axisRight(${1:y});
+        """
diff --git a/snippets/axis-top.cson b/snippets/axis-top.cson
@@ -0,0 +1,6 @@
+".source.js":
+    "Top-oriented axis":
+        prefix: "axist"
+        body: """
+        d3.axisTop(${1:x});
+        """
diff --git a/snippets/axis.cson b/snippets/axis.cson
@@ -1,8 +1,8 @@
 ".source.js":
-    "D3 axis":
+    "Create a SVG axis":
         prefix: "axis"
         body: """
-        d3.svg.axis()
+        d3.axis()
             .scale(${1:})
             .ticks(${2:})
             .orient('${3:}')
diff --git a/snippets/circle.cson b/snippets/circle.cson
@@ -1,10 +1,11 @@
 ".source.js":
-    "SVG Circle":
+    "Create a SVG circle":
         prefix: "circle"
         body: """
-        .enter().append('circle')
+        .enter()
+            .append('circle')
             .attr('cx', ${1:})
             .attr('cy', ${2:})
             .attr('r', ${3:})
-            .style('fill', '${1:#111}');
+            .style('fill', '${4:#111}');
         """
diff --git a/snippets/csv.cson b/snippets/csv.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "d3.csv":
+    "Load a CSV file":
         prefix: "csv"
         body: """
         d3.csv('${1:}', function(error, data) {
diff --git a/snippets/curve.cson b/snippets/curve.cson
@@ -0,0 +1,6 @@
+".source.js":
+    "Curve shorthand":
+        prefix: "curve"
+        body: """
+        .curve(d3.${1:curveCatmullRom}.alpha(0.5));
+        """
diff --git a/snippets/data-index.cson b/snippets/data-index.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "d3 anonymous function that returns the data and index":
+    "Return the data and the index":
         prefix: "fdi"
         body: "function(d, i) { return ${1:};}"
diff --git a/snippets/data.cson b/snippets/data.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "d3 anonymous function that returns the data":
+    "Return the data":
         prefix: "fd"
         body: "function(d) { return ${1:};}"
diff --git a/snippets/domain.cson b/snippets/domain.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "domain":
+    "Set the scale domain":
         prefix: "dom"
         body: ".domain([${1:}, ${2:}])"
diff --git a/snippets/duration.cson b/snippets/duration.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "duration":
+    "Set the transition duration":
         prefix: "dur"
         body: ".duration(${1:})"
diff --git a/snippets/ellipse.cson b/snippets/ellipse.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "SVG Ellipse":
+    "Create a SVG ellipse":
         prefix: "ellipse"
         body: """
         .enter().append('ellipse')
diff --git a/snippets/enter.cson b/snippets/enter.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "enter":
+    "Enter the data":
         prefix: "ent"
         body: ".enter()"
diff --git a/snippets/function.cson b/snippets/function.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "d3 anonymous function":
+    "Blank anonymous function":
         prefix: "fn"
         body: "function() { return ${1:};}"
diff --git a/snippets/geo-map.cson b/snippets/geo-map.cson
@@ -0,0 +1,11 @@
+".source.js":
+    "Create the projection and path for a map":
+        prefix: "geomap"
+        body: """
+        var projection = d3.${1:geoMercator}()
+            .fitSize([${2:width}, ${3:height}], ${4:land});
+
+        var path = d3.geoPath()
+            .projection(projection);
+        ${7:}
+        """
diff --git a/snippets/join.cson b/snippets/join.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "join":
+    "Start with a data join":
         prefix: "join"
         body: """
         d3.selectAll('${1:}')
diff --git a/snippets/json.cson b/snippets/json.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "d3.json":
+    "Load a JSON file":
         prefix: "json"
         body: """
         d3.json('${1:}', function(error, data) {
diff --git a/snippets/line-generator.cson b/snippets/line-generator.cson
@@ -0,0 +1,8 @@
+".source.js":
+    "Line generator":
+        prefix: "lineg"
+        body: """
+        var line = d3.line()
+          .x(function(d) { return x(d.${1:}); })
+          .y(function(d) { return y(d.${2:}); });
+        """
diff --git a/snippets/line.cson b/snippets/line.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "SVG Line":
+    "Create a SVG Line":
         prefix: "line"
         body: """
         .enter().append('line')
diff --git a/snippets/locale.cson b/snippets/locale.cson
@@ -1,21 +1,23 @@
 ".source.js":
-    "d3.locale":
+    "Set a default locale":
         prefix: "locale"
-        body: """
-        var d3.locale.${1:en_US} = d3.locale({
-          'decimal': '.',
-          'thousands': ',',
-          'grouping': [3],
-          'currency': ['\$', ''],
-          'dateTime': '%a %b %e %X %Y',
-          'date': '%m/%d/%Y',
-          'time': '%H:%M:%S',
-          'periods': ['AM', 'PM'],
-          'days': ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-          'shortDays': ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-          'months': ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-          'shortMonths': ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-        });
-
-        ${2:}
+        body: """        
+        var ${1:en_US} = {
+            'decimal': '.',
+            'thousands': ',',
+            'grouping': [3],
+            'currency': ['\$', ''],
+            'dateTime': '%a %b %e %X %Y',
+            'date': '%m/%d/%Y',
+            'time': '%H:%M:%S',
+            'periods': ['AM', 'PM'],
+            'days': ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            'shortDays': ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+            'months': ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+            'shortMonths': ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+        }
+        
+        formatDefaultLocale(${2:en_US});
+        timeFormatDefaultLocale(${3:en_US});
+        
         """
diff --git a/snippets/map.cson b/snippets/map.cson
diff --git a/snippets/margin.cson b/snippets/margin.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "d3 margin convention":
+    "Append a SVG with the margin convention":
         prefix: "margin"
         body: """
         var margin = {top: ${1:20}, right: ${2:10}, bottom: ${3:20}, left: ${4:10}};
diff --git a/snippets/nest.cson b/snippets/nest.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "d3.nest":
+    "Nest a dataset":
         prefix: "nest"
         body: """
         var nest = d3.nest()
diff --git a/snippets/on.cson b/snippets/on.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "on":
+    "Listen for events on the selection":
         prefix: "on"
         body: ".on('${1:}', ${2:})"
diff --git a/snippets/queue.cson b/snippets/queue.cson
@@ -1,8 +1,8 @@
 ".source.js":
-    "d3 queue":
+    "Create a queue to load multiple files":
         prefix: "queue"
         body: """
-        queue()
+        d3.queue()
             .defer(${1:d3.json}, '${2:}')
             .defer(${3:d3.json}, '${4:}')
             .await(function(error, ${5:file1}, ${6:file2}) {
diff --git a/snippets/range.cson b/snippets/range.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "range":
+    "Set the scale range":
         prefix: "ran"
         body: ".range([${1:}, ${2:}])"
diff --git a/snippets/rect.cson b/snippets/rect.cson
@@ -1,5 +1,5 @@
 ".source.js":
-    "SVG Rect":
+    "Create a SVG rect":
         prefix: "rect"
         body: """
         .enter().append('rect')
diff --git a/snippets/scale.cson b/snippets/scale.cson
@@ -1,8 +1,8 @@
 ".source.js":
-    "d3.scale":
+    "Create a sample scale":
         prefix: "scale"
         body: """
-        d3.scale.linear()
-            .domain([${1:}, ${2:}])
-            .range([${3:}, ${4:}]);
+        d3.${1:scaleLinear}()
+            .domain([${2:}, ${3:}])
+            .range([${4:}, ${5:}]);
         """
diff --git a/snippets/select.cson b/snippets/select.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "d3.select":
+    "Select an element":
         prefix: "sel"
         body: "d3.select('${1:}')"
diff --git a/snippets/selectAll.cson b/snippets/selectAll.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "d3.selectAll":
+    "Select all the elements":
         prefix: "sela"
         body: "d3.selectAll('${1:}')"
diff --git a/snippets/spain.cson b/snippets/spain.cson
diff --git a/snippets/style.cson b/snippets/style.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "style":
+    "Set the element style":
         prefix: "style"
         body: ".style('${1:}', '${2:}')"
diff --git a/snippets/translate.cson b/snippets/translate.cson
@@ -1,4 +1,4 @@
 ".source.js":
-    "translate":
+    "Translate the element":
         prefix: "translate"
         body: ".attr('transform', 'translate(' + ${1:0} + ',' + ${2:0} + ')')"
diff --git a/snippets/voronoi.cson b/snippets/voronoi.cson
@@ -0,0 +1,18 @@
+".source.js":
+    "Create a Voronoi diagram":
+        prefix: "voronoi"
+        body: """
+        var voronoi = d3.voronoi()
+            .x(function(d) {return x(d.${1:}); })
+            .y(function(d) {return y(d.${2:}); })
+            .extent([[0, 0], [${3:width}, ${4:height}]]);
+
+        var voronoiGroup = svg.append('g')
+            .attr('class', 'voronoi');
+
+        voronoiGroup.selectAll('path')
+            .data(voronoi.polygons(${5:}))
+            .enter().append('path')
+            .attr('d', function(d) { return d ? 'M' + d.join('L') + 'Z' : null; })
+
+        """
