Text Generator

Change the settings to alter the text and its appearance. As changes are made, the D3 code to produce the text will be updated. Most attributes set to their default value will not be included in the output.
Note that not all options, such as specific fonts, are available for every browser. Be sure to check the results on a variety of browsers and platforms. It is recommended that you list several acceptable fonts, which is currently not possible in this applet.

Defaults shown in bold, selected options are shown in grey.


text:


x:      y:      dx:      dy:     

text-anchor:


alignment-baseline:

baseline-shift:


writing-mode:


glyph-orientation-vertical:
     glyph-orientation-horizontal:
fill:

opacity:

stroke:

stroke-width:

stroke-opacity:

stroke-linejoin:
font-size:      letter-spacing:

font-weight:


font-style:
     font-variant:


font-family:
           
text-decoration:


text-shadow: