Clicky

Mercyhurst UniversityDept of Math and ITDr Williams Home

D3 Text Styling


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:      

						

Using the Applet

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.


About this Applet

This applet was created using JavaScript and the D3 library. If you are unable to see the applet, make sure you have JavaScript enabled in your browser. This applet may not be supported by older browsers.