abusedmedia/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Horizontal slider with Impetus

This shows the technique to incorporate a common slider within a svg component using the wonderful library Impetus to handle momentum and rubber-band.
This example use a piece of code to create runtime the neccessary element to clip a content properly. The same thing can be set (avoiding the code) within Illustrator but at the cost of some issues and manual edits and other quirks outlined below.
Tweaks in Illustrator

To animate the masked content properly we need to tweak a little bit the svg since Illustrator export the svg without a proper structure.
This is usually the relevant portion exported by Illustrator
<defs>
	<rect id="SVGID_1_" width="400" height="132.782"/>
</defs>
<clipPath id="SVGID_2_">
	<use xlink:href="#SVGID_1_"  overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_2_)">
...
</g>

The problem here is that the 'g' element with clip-path cannot be transformed because also the mask itself will be transformed.
We need to add a further 'g' element with proper 'id' to achieve our purpose, like:
<g clip-path="url(#SVGID_2_)">

    <g id="content">
    ...
    </g>

</g>

At this time Illustrator do preserve the manual correction but pollute a little bit the svg with additional 'g' element everytime a save is performed.

  
## index.html
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">

        <link rel="stylesheet" type="text/css" href="lib.css" />
        <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js">
        </script>
	    <script src="http://chrisbateman.github.io/impetus/impetus.min.js"></script>

        <meta name="viewport" content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-title" content="prototypon">
        <meta name="application-name" content="prototypon">

    </head>


    <body class="mobileready">


        <script>

            var svg_path = "ui.svg" // specify the svg filename/path

            function init(){


                // this whole piece of code to create runtime the clipPath in order to avoid the same setting in Illustrator, which is awful
                var component = d3.select('#component')
                var mask = d3.select('#themask').node()
                var content = d3.select('#thecontent')

                component.append('defs')
                    .node()
                    .appendChild(mask)

                component.append('clipPath')
                    .attr('id', 'maskclip')
                    .append('use')
                    .attr('xlink:href', '#themask')

                component.attr('clip-path', 'url(#maskclip)')
                //


                new Impetus({
                    source: content.node(),
                    boundX: [-910, 0], // width of content - width of mask => 1310 - 400
                    initialValues: [0, 0],
                    update: function(x, y) {
                        content.attr('transform', 'translate('+x+', 0)')
                    }
                });

            }

        </script>
        <script src="lib.js"></script>

    </body>

</html>

## lib.css
* {
    box-sizing:border-box;
}
html{
    width:100%;
    height:100%;
}
body{
    width:100%;
    padding:0;
    margin:0;
    overflow: hidden;
}
body.mobileready{
    height:100%;
}
svg{
    width:100%;

    overflow: inherit;
}
body.mobileready svg{
    height:100%;
}
svg *{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
svg text{
    pointer-events: none;
}
@media(max-device-width: 600px){
    html, body.mobileready{
        height:inherit;
    }
    body.mobileready svg{
        height:inherit;
    }
}

## lib.js
d3.xml(svg_path, "image/svg+xml", function(xml) {
    d3.select('body').node().appendChild(xml.documentElement);
    d3.select('svg')
        .attr('width', null)
        .attr('height', null)
    FastClick.attach(document.body);
    init()
})


function clone(selector) {
    var node = d3.select(selector).node();
    return d3.select(node.parentNode.insertBefore(node.cloneNode(true), node.nextSibling));
}

## thumbnail.png

      
    Raw
  

              thumbnail.png
            
          
## ui.svg
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
]>
<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px" height="700px"
	 viewBox="0 0 400 700" enable-background="new 0 0 400 700" xml:space="preserve">
<switch>
	<foreignObject requiredExtensions="&ns_ai;" x="0" y="0" width="1" height="1">
		<i:pgfRef  xlink:href="#adobe_illustrator_pgf">
		</i:pgfRef>
	</foreignObject>
	<g i:extraneous="self">
		<g id="component">
			<g id="thecontent">

					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="877.5" y1="-0.3911" x2="2188" y2="-0.3911" gradientTransform="matrix(1 0 0 -1 -877.5 66)">
					<stop  offset="0" style="stop-color:#B9BF00"/>
					<stop  offset="1" style="stop-color:#0065FF"/>
				</linearGradient>
				<rect fill="url(#SVGID_1_)" width="1310.5" height="132.8"/>
				<circle fill="#FFFFFF" cx="1247" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="1139.5" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="1032" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="64.5" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="172" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="279.5" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="387" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="494.5" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="602" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="709.5" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="817" cy="64.5" r="43.3"/>
				<circle fill="#FFFFFF" cx="924.5" cy="64.5" r="43.3"/>
			</g>
			<rect id="themask" fill="#FF0000" width="400" height="132.8"/>
		</g>
	</g>
</switch>
<i:pgf  id="adobe_illustrator_pgf">
	<![CDATA[
	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
	]]>
	<![CDATA[
	etVZkX4UcdVOw+hWMWYvL151l1fub0XTrIsEQdYkSJC7XnfyqZUVfcqSekgUWWmqiMKmmsdrupDa
RijrDJWu3J21tkKps+HE8ljXck5AJOi22mHFU4kltFc+BHaUh8ZqlcTI5kIiuIhEsGEakaICwysj
gVbWBNqVRaDZi55rM1mDnMlYt1LXhrIhmoaEWkRViVNq2kOoREpEzlb03Ca5/LHEhaoXDXo0ocI+
eFIh0iFKLeuLKWsxZ1SpZehwpcGzIYsj7eDB0JwGQr0BnsSQv0H3unhTronilOmaTH0N28kRGGNg
IH/YGjVTDNXb6ve9S42/e6M2dPHbKiDsxRQZejKWUfMU75JgrvZNyTFrFNrL63ZugB7pr5hOXM3G
RYg+GrZRZHoIYZcK0ZaVaY/Goo7JGJDFYTXT0vGkn+yqEHGDdYT54AK9ppU3/Xg074y6PygHbUDd
qFGXGrjqfTfecBrz0UjRirnXjspotWtqft6wMuzl/jbnklyadyv1ScwiXM6tVA+lfSX7MLnRlZwM
Nf9GRhS9Sypm9TmW8y7bxlqDhnOgNRBA3VD7T6iiwPSreA8CgjIgBelsRR0b1twLkUjzADUkLEcP
YLZiM4OOS2FPnrfA6Mrj3seA8BTyXuzfRjklPhBxweF7z26lOsuTcbs3+WmNqAWWZThme91Xkogf
vUuAWgxDP0GuXo++oJLGDNJGSbu6E9ixtNJNDhUUqEPg0q3gO8ytn0PlvzRydyk10tzjXrSAa/1I
ehKfVuYvwm5zLjVGVq4Oy7fcX959HHdG/c4fd6mklukMxl5EDGUmoA8Tjm6X/sE49Vsjfzxo5Tza
Pvr4+U7KA7T65SV3UakxCt6holxcXJXTJmPQvAMkP0G57lpLkryz5EZFQcQj7coqi5wbDn3z7VxH
GY58iiBVqAezvU8xhQio8qsUedvbLWXsMY5mD0AGEtMLReEJ0SW/ssQck3UtjTPnrc2gKGw0g6Is
0QwnLnofTJLdvrfIU8uMlPfhwEveoWLjaVvnR8FpjMbQ0b/kvscojpPtHtL1PIsM5I+WuQDqUggp
7GDLjL2pBpWD6WbgDavPIWgtvWvOog3KjT9boGLLHlhCheQJ8jkNoG3GwDhCs5YSneT8P6OkxUMm
sE6VQilFsa2k4PUap5If9pIu5bRZ0HSSO9GXWU7153qXhGnNs0rkI21Z7E6XgsNRx0Oq4AJjjxHH
BbpTTxPaQ/LC695qBthLY/85Apd6nw46HlSiltGMd51SfCYG/E5rMNAXqp1tVVzKzzTo/BDqUvQm
2UiG7uQ2mP1gQ3ZDz9HG3fnFcyz0F+9jnP2ANkeofE46JJRB5hXpcXYqo/twOz9/PIxiouBw8kkY
xX5SnbQGKKQvWdzRtLIAn47lyrBTQj99dGRV6bUzqtWULuqvEMY06VPJmIu7F71/5P6FrLzLekHL
aq7qWtIDyfEmF+ryrteCrvrSCfLXoHR+9BJevba/ZK1JdcwErUp9i6IuDZ2N29qFInd6Y/KJihh4
hF5V9yawIQ2e3bfsARb4BXV7m5lKJJhayHUi85WLj3frCMO9yrXm2kyb93B8twmCN59Uf9pyV/V2
zYJH0SPHsjLbbdSik2HHwV5DIAfAoLNRITOLWZ/Dv+u9rr1XM8UGOq5s9TdASVA3mJlFJd59AHlo
xqOWPqdtz3p9zEh/a+A5ogU1IB0Nov6MSaH75B3kSSo2yoeHuUxFRlIJQY3vZd7E+P5tO8Wm4qeJ
+P7nREDf+PTOZUEwHlwa3/CDbWH/elKqvOdr3/XVq91W5Z192DOe8vHdq+xnOCbUd8OJ1MYVEwnH
9753wrGzx3x467MHj97ek+H4tNAIb53eV8IJ9pRnU7sPUVx9JlyOXabH/PgUGlf5Tu+fv+0JpZyQ
yz5mfx53Em/SULwT2K75lK035TITUZS93XZxa3R2dHCcH+/l6jt3SWn4mL6tKs+PbOVReriWdou7
HW6zKA60WoS1YF0DjKmdU5R0eOv29TCcyCVy4Xgn2UC9yqF71fBWs5sJx3rf/XBsUuqhrsXIrqW3
rthUunFl1Kx2XOvLW6TPRFDJkTYauw9pFa2l4fhM/aa9eDKGZlSggvtv0V4ENVN5bj2lk8JJbhrf
q4XXTaQmU+NcjYnw04e3Ntyo9dnu+kOFBLs9vldeYpVT1FBL8wDV8G78Mb3CFzbhNQ6j8pyo9OUm
WzErZSK2ajOXwrfiVumb8vI7uXGptNzOXrUSvFOlMPrj3B3n1td6Oh8pfjtXurOyPt5YG46cKlWm
b8m1aHvt6hlXqo4LUS0rsfs7LpVmV9dy2+9550rTD8+sdF26dKqUiYxXpFEhct47vXLqK1tbHZ64
VrpxdJI+dUPvjfLc4Y9QpTGg5BkEr9wJkcxkA15MD2dGtbC2p1V6sbFhG9P0tVjr40qBudpVs1LE
ldvjF+Xlto1pPjZbaaGZuel+pBwrfU1cn7lWKqbeGxu4UiZiqxZGFVh0XIiPnSu9EF/T958nW06V
jjf2HjinSpkIVJv5jG2U5JpTX9GoPrBSnj1zrHRF+hDXrn74c6dKWenlRcKVIpls72t2NfI9OC27
Vdpia1tvt86V1tjihhwVH2yVanJMmaxu7Wt9fUhEbUyzf5befVYrrT5/S5ZKH3fYEzHBoUo3Zyqt
y0PMqUwEqhVH9r6ePD22XCrNrorfXenVrdIKe7r5krdVCrWo1R7+Fg6+lLMrx0ob2xuCa6XHckNg
XSp9SrCNZmwFanHs63FdPnt6jEUdK73dGHy4Vtr4vNSkr1kpqkWrtsbeHo92nCs9ESI30sHOrnOl
o6MV10pvm7WVCZ73Hft6zt7tH1ecKz3dqzZfL19eHCt9Of8+tFWKa9Gq/XrIdCWXSp9z7Mu4n3Cu
9Oxr9HOezwmOlTYPEyCTXfuqRBrxsEulDzdstfdz5Fhp7iyxEj54SVSh0sIvrhRmMVMqTZtiU6u0
LcRsTBN7PGlt4kr5jb1o3drTE/Zts1BElW7NzDTNr18mss4dNa+h2l3FLgrHw/VdrdLJftzW0zBM
9DG10tIDd2gVhFvK+GYvjCpN4kqhL6RUOkzofS1PbJXGt+srWbXSfe44Yak087k1Sp+94UqFtUL5
2FrpGpL8rfYAVcva+6oU5aFOv0dhu/zNfBVKWqWFy6QNvStD+e1and7kVjNr0y4y9Zv112HBfG57
+nDJ/dy6Pf1EutfU6akm+UH0VtZd3oYxWI+XI9rTL1m0Pc3muKbe7vF3zv508Llyz0Rcn4sXh4Vn
16c5fvPqzf3pZ+t1w3xqw1h2tcivP3Zc3z6JD/Z596ft8/dtp6cYY9nV85VOu+7ydq6+Xt+5GatP
3zd+8zbYN/He9pf2lFsp2J+2jxoDHWMOz28rcV3LdHh6F2mnwu5PnyuFXfPpDMbeIq/imuvbX5OL
Ud316fctX7p0eqph7Odb2nt1exu6e7mdcX16xKf37l2fdgbtxok7xtbD64fPm65Pq8XTtuz69Ijf
X+HcMVYM82uxgsvbmTpb3d3U+1yIbtuexq8vx/va03Jyx86V9eu32mbR6Tnm2c21fV0ddnq6/3hw
Tj4F04ywDMuJzTLSYTaeyqZxRppmUjPjYZrxkzVk+ZbDiaP8A1i+X9foI4nuSeGtylUZfdyBqMuv
IW1cMwZVCaPV17oq6XJTWeE3di8S2mzARcgZYm9VQCx+9KMaO2CaEdyUOs0NNsCMvJ8imQzmDtT4
vmPUt5rq7bZjINtWqsjcSViENVlpfIf/uHSpNLu6ejPqP5Hzvlktmm4fXSuFKeiLc62Uld7PGk6V
avyCJsyOU19RpV2y0nRjjag0d1ZqEJV219dXzUrHq5/yFTHvCzYE7/2u/Tzpldb6lkpjD66VAnp3
eadKNW0c2w5GXwUbgpHt8OpS6cOLe09XpHHaMu9b+4ptB9dKke3w6VzpTjjpVCm2xXC1JxuuCMYa
iWulSB+5toypnNerx9+00Qdlq/zY/fEuqZZ7nf4MfMtlV39fq/fnpIRxKZn51OhOkxcl6PNzMU54
pEzGfYv+WL09IP6lqYKFC6ClcaDJZPPFVG+1sGV+7I2i3WvN1Mf+KkDq3ii2MyL8RwjAXr6+9oXb
sJevPVVAbLWqqGZBt/iIBuxVI9rH1ulQqwAr0HoFZmuga7sjtYjFU4aFXin1KVcixseV1bLQXF7n
RvEKqqVGdvftaF9v8s0F/FxHxtx0U8eOqvPbHHWX2EZeJ1Bowzx7lIlE8AciyTu/Jn3nD52axES0
RjWnG0C6p1v8xj57aHpsbI5KjHT+ZVo6NpHujHL0oTU9PVR9SvYeIh9AmKJ/+MN3/BpgvfqP4KrR
v03X/iHF98Z1/JAlTjeCaPyGNgr1RZYGCmkXs8C4zdKX5AeMhti3E8a8vzBl1Z5/vfHO0GMeVKPH
OTnHyvuALL70mD+aE1lW0RMzRY8270N7XqvWoRXmHY3q86FCIhDg6Za4hXTXsfBxwd1r1UCvS2u2
qlvqh4Y73dM7S7UPCStXkmLbmSuxL8+xaw82rjRGI0jXhP3b61NvRKNxqR2vo3ZfuTSlEqfplXyR
XNdGf4bYq7iW2+HCHUKm4D3RBoMJrRLmLbYOzbuvuAzT1ohrrW3U/SjQBS2oFg0xrCtiUp/D+K5O
OwYlY4eQM445GyjDD0MHzMp3m7NTfkty4jrsUQzKd62V+6nnSK5yWzfcFvp40vqirTbMEAZIxmj1
2HVA9eFEHzCcphN7ljZaEtRik4IksPNLo1FEy6Avk5pju/Zq7bFTJ4GS4fkBK09uUjNamMeQxGeH
pFtzneOYiKvwcabp79zYVSFw1RiNudIyvqDNPE08Jyb7+LqNbg1hpG7VYG0TE7X21K1Z5bR9WmJU
0jUnXo9GTfaPXJp0fqW1xqVJpO9CbZS7SmcMHdX45ddsOv+MYuGt81vGb+Ct0KnjB7YYzQjWLn4W
IQZiRkbAGoNlUZZlOlHl2ALAHryNmGAY89HrgmGsqSwNY6REmwNjI0sggqjMGK6TPbsQImexINpx
PYgpeOUix0r3n2Faw8aZKyf7K0vjytL97xqFoazq/FdxYjXXATv73PEJLXacWsNE+NLDyvqC2Nkb
G9Oyq0w2dQpn1bDuLxR8GoJqgabQm3juDfGQAkyEFidW3TJYQ1Ttou7P9jbLMO4ya37Ukev6yUYq
pi3mZBuqi5qmk/vKhMi/jNtJwp0N3w4RxVc9PST2CtRQgxncgSZI49QghAdiDy1SxTqWh1jxCGAP
uzdp1c/epxYAL5OIj5+FoDFvAXAYRADY+2ex96GHG8GR7oxyi6bgOL/YqNZNl/86RAuCdxT9YyK+
I1iZcNWXcY3enzFrk2sWH1D/p7A0ZM0wuKPvggpZDizuSgyYki3IsrK4sJb/TllZ/MjO4o5GmsW7
5OIhAapdWdSXcGS6ZM01C2t7qI2KnyOr/u7qIbE4Zd26trFI11TJf4SiGk597WEv9w==
	]]>
	<![CDATA[
	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
	]]>
	<![CDATA[
	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
	]]>
	<![CDATA[
	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
	]]>
	<![CDATA[
	N5rSeWBfMUuiKcOBIMmz5i3gdqCTLIEm847ZbPOe3jkDkIEAozZSJIEKwWYFAk3pDIgcURQJhBt3
iGEx7hmDp0MyxtfeufmlNgvsm2MzBJqyPIiUvGACz6ZB6oikVmDeMZtt3tM7ZwAyBbdeG4GmDNJP
s1lCvGcyIHVyLIEm8w4xLMY9Y/B0SEbD7Z2bG00iC+yb49MEmkQBREo+YwIXMyB1chyBJvOO2Wzz
nt45A5CBAKM2Ak3ZHEiUbI6cBcFSyOb4LIFw4w4xLMY9Y/B0SEbD7Z2bG005Dtg3lxVIJQCmVQFU
MuNWDtoh5jK82SDzjtls856hBeiADAQYtRFoEuFrRuSJe6IIUicnEpOBeYcYFuOeMXg6JKPh9s7N
jaY8D+yby5FoysO8mmc5E015sHD5nEgoS+YdQscz7hmaoA7I1Bb12gg05cFeBpWUUBJAwwI6IVUL
8w4xLMY9o1U6JKPh9s7NjaYbX4/E5BNs3sEEm5IeTglOsx+xD4JF9qhpWSIfBQs2gwBtxgXVwmBk
WnwXFv8EkCHhc1B/0XooXHBh7dRPa/zt3CM/e9sfZ53hz2g4mB9lJyXV1VQddLFDKJFgIpGL1od8
rbR6fVlhPsatv+RQazAYTloTeQRPwOCXx5OhIofGn8O/0R14RS8eiVTPJeb/A1f/UBM=
	]]>
</i:pgf>
</svg>
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">

	<link rel="stylesheet" type="text/css" href="lib.css" />
	<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js">
	</script>
	<script src="http://chrisbateman.github.io/impetus/impetus.min.js"></script>

	<meta name="viewport" content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-title" content="prototypon">
	<meta name="application-name" content="prototypon">

	</head>




	<body class="mobileready">


	<script>

	var svg_path = "ui.svg" // specify the svg filename/path

	function init(){


	// this whole piece of code to create runtime the clipPath in order to avoid the same setting in Illustrator, which is awful
	var component = d3.select('#component')
	var mask = d3.select('#themask').node()
	var content = d3.select('#thecontent')

	component.append('defs')
	.node()
	.appendChild(mask)

	component.append('clipPath')
	.attr('id', 'maskclip')
	.append('use')
	.attr('xlink:href', '#themask')

	component.attr('clip-path', 'url(#maskclip)')
	//


	new Impetus({
	source: content.node(),
	boundX: [-910, 0], // width of content - width of mask => 1310 - 400
	initialValues: [0, 0],
	update: function(x, y) {
	content.attr('transform', 'translate('+x+', 0)')
	}
	});

	}

	</script>
	<script src="lib.js"></script>

	</body>

	</html>
	* {
	box-sizing:border-box;
	}
	html{
	width:100%;
	height:100%;
	}
	body{
	width:100%;
	padding:0;
	margin:0;
	overflow: hidden;
	}
	body.mobileready{
	height:100%;
	}
	svg{
	width:100%;

	overflow: inherit;
	}
	body.mobileready svg{
	height:100%;
	}
	svg *{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	svg text{
	pointer-events: none;
	}
	@media(max-device-width: 600px){
	html, body.mobileready{
	height:inherit;
	}
	body.mobileready svg{
	height:inherit;
	}
	}
	d3.xml(svg_path, "image/svg+xml", function(xml) {
	d3.select('body').node().appendChild(xml.documentElement);
	d3.select('svg')
	.attr('width', null)
	.attr('height', null)
	FastClick.attach(document.body);
	init()
	})


	function clone(selector) {
	var node = d3.select(selector).node();
	return d3.select(node.parentNode.insertBefore(node.cloneNode(true), node.nextSibling));
	}