twitter/labella.js

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

3875 stars · 141 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Labella.js is a JavaScript library that places labels for points on a timeline (or any 1D space) without overlap, using a force-based simulation where labels push each other into non-overlapping positions. Rendering is decoupled from layout computation, so labels can be drawn with canvas, SVG, or any drawing library, with a built-in Renderer helper.

Use cases

• place labels on a timeline without overlap
• annotate many points on a 1D axis with readable labels
• avoid overlapping text labels in d3 visualizations
• build a timeline component with smart label positioning
• compute label positions for canvas or svg rendering

When to choose

• you need to label dense points along a timeline or 1D axis
• you want layout computation decoupled from rendering so you can draw with any library
• you want a small focused library rather than a full charting framework

When to avoid

• you need a full ready-made timeline component (consider d3Kit-timeline instead)
• you need 2D label placement or general charting features
• you need a library with frequent updates and active development

Facets

library · maturity maintenance

data-visualization charts data-visualization web-development frontend browser timeline-labels label-placement force-directed d3 svg visualization nodejs javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="twitter/labella.js")