initial files

martgnz · martgnz · commit 1fbe8f5cf9db · 2016-03-13T18:10:36.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+.DS_Store
+npm-debug.log
+node_modules
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,2 @@
+## 0.1.0 - First Release
+* Add the first snippets
diff --git a/LICENSE.md b/LICENSE.md
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Martín González <m@martingonzalez.net>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,38 @@
+# d3-snippets
+An [Atom](https://atom.io) package with d3 snippets. Accelerate your graphics!
+
+Contributions are appreciated, if you miss a snippet feel free to create an issue or open a pull request.
+
+![d3-snippets in action](https://cloud.githubusercontent.com/assets/1236790/13730058/c2121150-e944-11e5-85fb-2158f62e082d.gif)
+
+## Install
+You can install it inside Atom (just search for `d3-snippets`) or via command line:
+```
+$ apm install d3-snippets
+```
+
+## Features
+A ton of nifty snippets are included:
+- Margin Convention
+- Data Join
+- Default values for d3 maps
+- Queue.js
+- d3.json
+- d3.csv
+- d3.locale
+- d3.nest
+- d3.select
+- d3.selectAll
+- Various SVG shapes (circle, rect, line, ellipse)
+
+## Hacking
+```
+$ cd ~/.atom/packages
+$ git clone https://github.com/martgnz/d3-snippets.git
+$ cd d3-snippets
+$ apm install
+$ apm link
+```
+
+## Credit
+Nearly everything comes from [fabriotav](https://github.com/fabriciotav/d3-snippets-for-sublime-text-2) and [shancarter](https://github.com/shancarter/sublime-text-d3/) Sublime Text packages. I just did the porting!
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "d3-snippets",
+  "main": "./lib/d3-snippets",
+  "version": "0.0.0",
+  "description": "A collection of d3 snippets. Accelerate your graphics!",
+  "keywords": [
+      "d3",
+      "snippets",
+      "javascript",
+      "data visualization"
+  ],
+  "activationCommands": {
+    "atom-workspace": "d3-snippets:toggle"
+  },
+  "repository": "https://github.com/martgnz/d3-snippets",
+  "license": "MIT",
+  "engines": {
+    "atom": ">=1.0.0 <2.0.0"
+  },
+  "dependencies": {
+  }
+}
diff --git a/snippets/attr.cson b/snippets/attr.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "attr":
+        prefix: "attr"
+        body: "attr('${1:}', '${2:}')"
diff --git a/snippets/circle.cson b/snippets/circle.cson
@@ -0,0 +1,10 @@
+".source.js":
+    "SVG Circle":
+        prefix: "circle"
+        body: """
+        .enter().append('circle')
+            .attr('cx', ${1:})
+            .attr('cy', ${2:})
+            .attr('r', ${3:})
+            .style('fill', '${1:#111}');
+        """
diff --git a/snippets/csv.cson b/snippets/csv.cson
@@ -0,0 +1,8 @@
+".source.js":
+    "d3.csv":
+        prefix: "csv"
+        body: """
+        d3.csv('${1:}', function(error, data) {
+            ${2:console.log(data);}
+        });
+        """
diff --git a/snippets/data-index.cson b/snippets/data-index.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "d3 return data and index":
+        prefix: "fdi"
+        body: "function(d, i) { return ${1:};}"
diff --git a/snippets/data.cson b/snippets/data.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "d3 return data":
+        prefix: "fd"
+        body: "function(d) { return ${1:};}"
diff --git a/snippets/ellipse.cson b/snippets/ellipse.cson
@@ -0,0 +1,11 @@
+".source.js":
+    "SVG Ellipse":
+        prefix: "ellipse"
+        body: """
+        .enter().append('ellipse')
+            .attr('cx', ${1:})
+            .attr('cy', ${2:})
+            .attr('rx', ${3:})
+            .attr('ry', ${4:})
+            .style('fill', '${5:#111}');
+        """
diff --git a/snippets/function.cson b/snippets/function.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "d3 function":
+        prefix: "fn"
+        body: "function() { return ${1:};}"
diff --git a/snippets/join.cson b/snippets/join.cson
@@ -0,0 +1,7 @@
+".source.js":
+    "join":
+        prefix: "join"
+        body: """
+        d3.selectAll('${1:}')
+            .data(${2:})
+        """
diff --git a/snippets/json.cson b/snippets/json.cson
@@ -0,0 +1,8 @@
+".source.js":
+    "d3.json":
+        prefix: "json"
+        body: """
+        d3.json('${1:}', function(error, data) {
+            ${2:console.log(data);}
+        });
+        """
diff --git a/snippets/line.cson b/snippets/line.cson
@@ -0,0 +1,11 @@
+".source.js":
+    "SVG Line":
+        prefix: "line"
+        body: """
+        .enter().append('line')
+            .attr('x1', ${1:})
+            .attr('y1', ${2:})
+            .attr('x2', ${3:})
+            .attr('y2', ${4:})
+            .style('stroke', '${5:#111}');
+        """
diff --git a/snippets/locale.cson b/snippets/locale.cson
@@ -0,0 +1,21 @@
+".source.js":
+    "d3.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:}
+        """
diff --git a/snippets/map.cson b/snippets/map.cson
@@ -0,0 +1,14 @@
+".source.js":
+    "d3 map":
+        prefix: "map"
+        body: """
+        var projection = d3.geo.${1:mercator}()
+            .center([${2:0}, ${3:0}])
+            .scale(${4:1000})
+            .translate([${5:width / 2}, ${6:height / 2}]);
+
+            var path = d3.geo.path()
+            .projection(projection);
+
+        ${7:}
+        """
diff --git a/snippets/margin.cson b/snippets/margin.cson
@@ -0,0 +1,16 @@
+".source.js":
+    "d3 margin convention":
+        prefix: "margin"
+        body: """
+        var margin = {top: ${1:20}, right: ${2:10}, bottom: ${3:20}, left: ${4:10}};
+            width = ${5:960} - margin.left - margin.right,
+            height = ${6:500} - margin.top - margin.bottom;
+
+        var svg = d3.select('${7:body}').append('svg')
+            .attr('width', width + margin.left + margin.right)
+            .attr('height', height + margin.top + margin.bottom)
+          .append('g')
+            .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
+
+        ${8:}
+        """
diff --git a/snippets/nest.cson b/snippets/nest.cson
@@ -0,0 +1,8 @@
+".source.js":
+    "d3.nest":
+        prefix: "nest"
+        body: """
+        var nest = d3.nest()
+            .key(function(d) { return ${1:}; })
+            .entries(${2:});
+        """
diff --git a/snippets/queue.cson b/snippets/queue.cson
@@ -0,0 +1,11 @@
+".source.js":
+    "d3 queue":
+        prefix: "queue"
+        body: """
+        queue()
+            .defer(${1:d3.json}, '${2:}')
+            .defer(${3:d3.json}, '${4:}')
+            .await(function(error, ${5:file1}, ${6:file2}) {
+                console.log(${6:file1}, ${7:file1});
+            });
+        """
diff --git a/snippets/rect.cson b/snippets/rect.cson
@@ -0,0 +1,13 @@
+".source.js":
+    "SVG Rect":
+        prefix: "rect"
+        body: """
+        .enter().append('rect')
+            .attr('x', ${1:})
+            .attr('y', ${2:})
+            .attr('width', ${3:width})
+            .attr('height', ${4:height})
+            .attr('rx', ${5:0})
+            .attr('ry', ${6:0})
+            .style('fill', '${7:#111}');
+        """
diff --git a/snippets/scale.cson b/snippets/scale.cson
@@ -0,0 +1,8 @@
+".source.js":
+    "d3.scale":
+        prefix: "scale"
+        body: """
+        d3.scale.linear()
+            .domain([${1:}, ${2:}])
+            .range([${3:}, ${4:}]);
+        """
diff --git a/snippets/select.cson b/snippets/select.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "d3.select":
+        prefix: "sel"
+        body: "d3.select('${1:}')"
diff --git a/snippets/selectAll.cson b/snippets/selectAll.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "d3.selectAll":
+        prefix: "sela"
+        body: "d3.selectAll('${1:}')"
diff --git a/snippets/spain.cson b/snippets/spain.cson
@@ -0,0 +1,13 @@
+".source.js":
+    "d3 map of spain":
+        prefix: "spain"
+        body: """
+        var projection = d3.geo.conicConformalSpain()
+            .scale(${1:3000})
+            .translate([${2:width / 2}, ${3:height / 2}]);
+
+        var path = d3.geo.path()
+            .projection(projection);
+
+        ${4:}
+        """
diff --git a/snippets/style.cson b/snippets/style.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "style":
+        prefix: "style"
+        body: ".style('${1:}', '${2:}')"
diff --git a/snippets/translate.cson b/snippets/translate.cson
@@ -0,0 +1,4 @@
+".source.js":
+    "translate":
+        prefix: "translate"
+        body: ".attr('transform', 'translate(' + ${1:0} + ',' + ${2:0} + ')')"

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.DS_Store`
	`2`	`+npm-debug.log`
	`3`	`+node_modules`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+## 0.1.0 - First Release`
	`2`	`+* Add the first snippets`