Skip to content

Instantly share code, notes, and snippets.

@georules
Last active August 29, 2015 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save georules/52a849be291b8adf8628 to your computer and use it in GitHub Desktop.
Save georules/52a849be291b8adf8628 to your computer and use it in GitHub Desktop.
fontthing
{"description":"fontthing","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true,"inline-console":true}
var svg = d3.select("svg")
data = "CODESLAM".split("")
console.log(data)
fontsize=50
svg.selectAll("text").data(data).enter().append("text")
.attr({
x: 200,
y: 184,
'font-size':fontsize,
fill: "#000000"
}).text(function(d,i){
return d
});
d3.selectAll("text")
.attr("x", function(d,i) {
return i * fontsize * 0.75
})
.attr("font-family", function(d,i) {
return "Times"
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment