d3 symbol

d3 symbol

by Shang-De You

JavaScript

var width = 400
var height = 400

var svg = d3.select("body").append("svg")
	.attr("width",width)
  .attr("height",height)

var dataSet = ["circle", "cross", "diamond", "square", "triangle-down", "triangle-up"]

var symbol = d3.svg.symbol()
	.size(function(d){ return 200 })
  .type(function(d,i){ return d })
  
svg.selectAll("path")
	.data(dataSet)
  .enter()
  .append("path")
  .attr("d", function(d){ return symbol(d) })
  .attr("transform", function(d,i){
  	return "translate(" + (50 + i*50) + ", 20)"
  })
  .attr("fill", "black")