Old school D3 from simpler times

All examples By author By category About

cool-Blue

Full window Github gist

jQuery and pixi.js solved

<!DOCTYPE html>
<html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:webGL="CB:webGL/dummy/nodes">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        a {
            position: absolute;
            top: 20px;
            left: 20px;
            white-space: pre;
        }

#viz {
            display: block;
            position: relative;
            margin: 0 100px 0 100px;
        }

canvas {
            display: block;
            border: 1px dashed black;
            /*margin: 0 100px 0 100px;*/
        }

</style>

</head>
<body>
<script src="bkmklt.js"></script>
<a id="bkmklt" href="javascript:load(self);void(0)">[[REMOTE&#13;&#10;DEBUG]]</a>
<div id="log" style="white-space: pre;"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.1.2/tinycolor.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/repo/cool-blue/d3-lib/filters/shadow.js"></script>
<script src="script.js"></script>

</body>
</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:webGL="CB:webGL/dummy/nodes">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        a {
            position: absolute;
            top: 20px;
            left: 20px;
            white-space: pre;
        }
​
        #viz {
            display: block;
            position: relative;
            margin: 0 100px 0 100px;
        }
​
        canvas {
            display: block;
            border: 1px dashed black;
            /*margin: 0 100px 0 100px;*/
        }
​
    </style>
​
</head>
<body>
<script src="bkmklt.js"></script>
<a id="bkmklt" href="javascript:load(self);void(0)">[[REMOTE&#13;&#10;DEBUG]]</a>
<div id="log" style="white-space: pre;"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.1.2/tinycolor.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/repo/cool-blue/d3-lib/filters/shadow.js"></script>
<script src="script.js"></script>
​
</body>
</html>
    

Updated missing url https://gitcdn.xyz/repo/cool-Blue/d3-lib/master/filters/shadow.js to https://cdn.jsdelivr.net/gh/repo/cool-blue/d3-lib/filters/shadow.js

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.1.2/tinycolor.min.js

https://gitcdn.xyz/repo/cool-Blue/d3-lib/master/filters/shadow.js