Flow rate for dash based lines (using stroke-dashoffset)

[MaxZieb (Loves Hype)]

Based on the great and very informative work by @h_classen! See …

Infografic lignite mining as windbooster

what i like the most about Hype: you can get to results doing things in a playful manner (and even a quite short time). https://www2.aachener-zeitung.de/zva/karlo/MHA-Charts/2021/A44n_Windbooster/index.html ////////////// now including @MaxZieb Flow rate for dash based lines (using stroke-dashoffset) great idea A44n_Windbooster.hype.zip (1.1 MB)

The premise:

Would be a nice-to-have feature if the speed of the dash lines changes according to local regions, but it seems it would be a bit much for the dash line logic, to be honest.

Version based on CSS variables

I played around using animations and symbols, masked by group overflow hidden. It doesn't have a dynamic aspect that would react to a slider, though… flow-rate.hype.zip (21,4 KB)

[h_classen (Hans-Gerd Claßen)]

cool

[MaxZieb (Loves Hype)]

Version based on Hype Animation Frame

flow-rate-animationframe.hype.zip (24,5 KB)

[h_classen (Hans-Gerd Claßen)]

great work Max! added it to the grafic ...

[MaxZieb (Loves Hype)]

@h_classen Thanks, love that is part of your publication

Version based on proximity

flow-rate-animationframe-proximity.hype.zip (102,1 KB)

---

I used the iPad to draw some lines with the pen tool (I hardly usually the tool). Hype is fun that way:

[drewbullen]

Yes! "Sidecar" shows what Hype running on the iPad might look like. I'm guessing an iPad Pro easily has the necessary processing power and the UI controls seem to scale.