Avoid svg.call(t)

[riccardoscalco]

This issue is related to #7, in particular at the @bollwyvl comment

an element in an svg can always know its svg. Since these textures must be
singletons anyway a la #id, and since it can only ever drive "fill"... one
could remove the svg.call(t1) and t1.url(). Then it would just be
shape.call(t1), which would be much more d3-like. Under the hood, it would
selectAll("defs #some-texture-id", [t]) and then the whole enter/update
dance... But finally selection.style("fill", t.url()).

[jorgerobles]

Hi, I would like to use your library standalone (without using d3 full stack). Is there a way to do so?
Thanks!

[riccardoscalco]

At the moment the library depends on d3 and it cannot be used standalone. Consider that d3 4.x is now a collection of modules, therefore it should be possible to use textures with a minimal selection of those.

[jorgerobles]

Thank you!

[jeromew]

@jorgerobles, for information I managed to "extract" textures from the module without d3 by using a minimal (quick&dirty) d3 mock.

module.exports = dom;

function dom(name) {
  this.name = name;
  this.els = [];
  this.attrs = {};
}

dom.prototype.append = function(name) {
  if (name === "defs") return this;
  if (this.name === undefined) {
    this.name = name;
    return this;
  }
  var el = new dom(name);
  this.els.push(el);
  return el;
}
dom.prototype.attr = function(key, value) {
  this.attrs[key] = value;
  return this;
}
dom.prototype.toString = function() {
  var attrs = [];
  var k;
  for (k in this.attrs) {
    attrs += " " + k + "='" + this.attrs[k] + "'";
  }
  if (this.els.length) {
    return "<"+this.name+attrs+">"+this.els.map(function(el) { return el.toString()}).join('\n')+"</"+this.name+">";
  } else {
    return "<"+this.name+attrs+"/>"
  }
}

use this with

var texture = textures.lines()
var sel = new dom();
texture(sel);
console.log(sel.toString())

this will output the svg pattern element.