HTML/CSS labels with conflict detection
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.idea
data
lib
.gitignore
LabelLayer.js
index.html
package.json
readme.md
release.sh
webpack.config.js
world.html

readme.md

LabelLayer

What

Fast on-the-fly HTML/CSS label placement with conflict detection. Labels will not overlap. Conflict detection is greedy, based on label priority. Style your labels using everything that HTML/CSS has on offer.

Why

Vanilla HTML/CSS is significantly more expressive than most libraries that use svg, HTML5-canvas, or WebGL.

API documentation + demo

http://labellayer.hepburnave.com

Dig in

dev

Run this in root and modify source code.

> npm install
> npm run watch

release

Creates a build of all resources under ./release

> ./release.sh