Re:Labella.js – placing labels on a timeline without overlap
by zjonsson on Thursday December 03, 2015 @09:10AM
(#10669601)
For 200+ labels you can check out the force_labels in d3-plugins, https://github.com/d3/d3-plugins/tree/master/force_labels. Demo: http://bl.ocks.org/zjonsson/1691430
Re:Labella.js – placing labels on a timeline without overlap
by verytrivial on Thursday December 03, 2015 @06:49AM
(#10669100)
Rapunzel! Rapunzel! Let down your hair beads!
Re:Labella.js – placing labels on a timeline without overlap
by NicoJuicy on Thursday December 03, 2015 @07:06AM
(#10669151)
Change the Rounds/Tick + Max Round to 1 instead of 5 and 100. It makes the script much faster.
And for a clearer layout ( on a lot of labels), change the min-width and max-width for a "better" overview.
Re:Labella.js – placing labels on a timeline without overlap
by vmind on Thursday December 03, 2015 @07:44AM
(#10669254)
1 round doesn't give a very good layout, 8-10 rounds seems to be enough for a good layout most of the time
Re:Labella.js – placing labels on a timeline without overlap
by escherize on Thursday December 03, 2015 @06:24AM
(#10669029)
Some wonderfully modern art. I think I'll tweet it :)
Re:Labella.js – placing labels on a timeline without overlap
by quarterto on Thursday December 03, 2015 @06:32AM
(#10669055)
It actually does look like a piece of art in the Mathematics Department at the University of Warwick: https://upload.wikimedia.org/wikipedia/commons/e/ec/Maths_fo...
Re:Labella.js – placing labels on a timeline without overlap
by logicallee on Thursday December 03, 2015 @06:36AM
(#10669065)
It doesn't, it looks great! You try labelling 200 points right next to each other.
As an exercise, set it to 200 points, wait for it to generate (will take a while), pick a point and find its label visually. It's surprisingly easy. I was able to do it.
Of course, the difference is, this isn't a physical ribbon cable you're breaking out - online, you should just be able to hover over the point and have the label pop right up! :-D
Re:Labella.js – placing labels on a timeline without overlap
by scrollaway on Thursday December 03, 2015 @06:45AM
(#10669087)
I don't know about your machine, but on mine (8 core high end rig) it repaints horizontally in rows of 20 pixels, veeeery slowly. The end result is fine, but it definitely freaks out for a solid 3 minutes.
Re:Labella.js – placing labels on a timeline without overlap
by mstade on Thursday December 03, 2015 @06:57AM
(#10669127)
With the `simple` algorithm (arguably better, at least I can read the lines more easily then), 200 labels, and `rounds/tick` set to `100` or so it completes in just a few seconds on my laptop.
Looks fun, though.