Hype DashArray and PathLength Decorator

This decorator allows you to set the dasharray and fix the path to a certain length using dataset values. The data keys are as follows data-dasharray and data-pathlength:

CleanShot 2021-11-14 at 17.52.10@2x

This decorator is incompatible with the built-in line draw functionality of Hype. Use dash offset to animate your dash array! Also, be aware that supplying an odd number of dash gap/lines values repeats the pattern to become even (for example: 5,3,105,3,10,5,3,10).

HypeDashPathDecorator.hype.zip (134,8 KB)


3 posts were split to a new topic: Using the DashArray Decorator for Graphs (incl. Hype Data Magic)