d2v4 force simulation with velocityJS animation

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>https://stackoverflow.com/questions/32521887/animate-objects-in-force-layout-in-d3-js/32523428#32523428</title>
    <link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/repo/cool-Blue/d3-lib/master/plot/fps-histogram.css">
    <style>
        body {
            background: black;
            margin:0;
            padding:0;
        }

#histogram rect{
            will-change: height;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
            outline: 1px red;
        }

#bubble-cloud {
            background: url("https://dummyimage.com/100x100/111/494d05?text=sample") 0 0;
            width: 960px;
            height: 470px;
            /*overflow: hidden;*/
            position: relative;
            margin:0 auto;
        }
        svg {
            outline: rgba(242,216,28,1);
            overflow: visible;
        }
        .group-node {
            stroke: red;
            fill: none;
        }
        .nodes circle {
            cursor: pointer;
            will-change: r, cx, cy;
            /*will-change: transform;*/
        }
        .nodes line {
            cursor: pointer;
            will-change: x1, x2;
            /*will-change: transform;*/
        }
        .nodes text {
            pointer-events: none;
        }
    </style>
</head>
<body>
<div id="bubble-cloud"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.ui.min.js"></script>

</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js

https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.ui.min.js