Interactive Figure 1
Click the canvas to add a shape, drag a shape to throw it, and adjust the controls to change the simulation.
Physics sandbox
Click empty space to spawn. Drag to throw.
Original browser-based physics sandbox.
Animated Figure
This page can present motion directly in the browser without a separate application or server.
A lightweight CSS animation placeholder.
Interactive Figure 2
Move the slider to explore a tangent line along a smooth curve.
Interactive Figure 3
Drag any node to reorganize this small force-directed graph.
Static Image
A static visual can sit beside interactive figures in the same reading flow.
Original CSS-based static illustration.
Example Math
Inline math such as $p(y \mid x)$ and display math render directly in the article.
Example Code
Code blocks can explain the idea next to its interactive counterpart.
function highlightSpans(tokens, scores) {
return tokens.map((token, index) => ({
token,
score: scores[index],
highlighted: scores[index] > 0.5
}));
}
Example Citations
This placeholder keeps academic details close to the interactive material.
43 citations, cached 2026-06-22.
@misc{2023-vihos,
title = {ViHOS: Hate Speech Spans Detection for Vietnamese},
author = {Phu Gia Hoang, Canh Duc Luu, Kiet Van Nguyen, and Ngan Luu-Thuy Nguyen},
year = {2026}
}