butiran

check katex mermaid abc 3dmol scatter features

· 1 min read

katex

Example of inline equation is $y = ax^2 + bx + c$, and

$$\tag{1} x_{1,2} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

is example of block equation.

mermaid

Common flowchart with begin, input, condition, process, output, and end.

flowchart LR %% link elements B --> I --> C C --"Y"--> P1 C --"N"--> P2 P1 & P2 --> O --> E %% define elements B(["Begin"]) I[/"Input"/] C{"Condition"} P1["Process 1"] P2["Process 2"] O[/"Output"/] E(["End"])

abcjs

Twinkle-twinkle litle star.

3dmoljs

Aspirin molecule.

scatter

Using chartJS a scatter plot can be drawn as follow.

notes

  • All are working but not really smooth.
  • For 3dmoljs there is warning as follow.
[GroupMarkerNotSet(crbug.com/242999)!:
A0A02C008C540000]Automatic fallback to 
software WebGL has been deprecated. 
Please use the --enable-unsafe-swiftshader 
flag to opt in to lower security guarantees 
for trusted content.