Directive

WLJS

Execution environment

wljs-graphics-d3

Package

Used for styling plots or 2D graphics

Directive[directives___, opts___Rule]

The support is quite limited compared to Mathematica's implementation

Directives

_RGBColor

Options

FontSize

FontFamily

TransitionType

TransitionDuration

Examples

Ticks of a plot

One can provide a font-size parameters

Plot[Sin[x], {x,0,2Pi}, FrameTicksStyle->Directive[FontSize->16], Frame->True]

FrameLabel style

The same is valid for the labels

Plot[Sin[x], {x,0,10 Pi}, FrameStyle->Directive[FontSize->16], Frame->True, FrameLabel->{"x-axis", "y-axis"}]

Transitions

One can specify the local transitions parameters. For example

p1 = {0,0};
p2 = {0,0};

Graphics[{
	Directive[TransitionDuration->500], Red, Disk[p1 // Offload, 0.2],
	{Directive[TransitionDuration->100], Blue, Disk[p2 // Offload, 0.2]}}
, PlotRange->{{-1,1}, {-1,1}}]

then try

p1 = {1,1};
p2 = {-1,-1};

You will find that they are animated with a different duration. The same applies to TransitionType as well