OSUblake test

Smoothing out flexbox?

Smoothing out flexbox?

Here is an animated "wordcloud-ish meets bubblechart-esque" data viz exercise attempting to replace heavy packing algorithms, d3.js, etc. with some short, simple, sweet GSAP and exploit CSS3 flex-box's flex-wrap.   The idea is to allow a fixed collection of words to grow/shrink (coming from a stream of PubNub "votes") in place without overlapping. Essentially nudging/hugging their neighbors but maintaining the overall position.   For my needs it's working beautifully, until a "line-break" oc
It's possible to animate flexbox properties with a little work... See the Pen dMLQJr?editors=0010 by osublake (@osublake) on CodePen   That is based on a technique that I call relative animations. Here are some simple demos that use that technique. See the Pen JYwRMa by osublake (@osublake) on CodePen See the Pen eJGrPN by osublake (@osublake) on CodePen See the Pen QjQGBa by
    • Like
    7