Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <svg id="svg" width="100%" height="100%" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" version="1.1">
	<path d="M 161.07143,68.928571 C 145.56953,69.714381 90.357143,74.999999 90.357143,74.999999 L 62.857143,28.928571 C 62.857143,28.928571 52.478066,72.343773 45.714286,99.642857 27.37864,114.43295 7.5,130 0,160.71429 3.4789998e-8,169.28571 1.0714286,182.5 0.71428572,192.5 2.1428572,203.21428 25.832704,233.62259 43.571428,241.78571 99.157403,267.36563 150,262.85715 161.42857,261.42857 167.49466,260.67031 223.79743,263.51367 252.85714,244.28571 269.78202,233.08701 297.21453,209.89606 302.5,178.57143 305.79455,159.04612 298.21429,128.21428 266.42857,100.35714 264.28571,96.785714 252.14286,29.285714 252.14286,29.285714 252.14286,29.285714 236.62622,57.376721 225.35714,77.142856 203.10362,68.89555 186.90476,67.619047 161.07143,68.928571 Z" stroke="none"  fill="black"/>
	<path d="M 146.60714,262.32143 C 148.44592,257.05442 155.71428,254.28572 161.07143,253.57143 166.42857,252.85715 176.96429,258.57143 178.92857,261.07143 180.89286,263.57143 199.62918,293.85599 202.85714,297.67857 209.64286,305.71428 220,331.78571 221.07143,343.39286 229.10714,345.53571 260.29883,327.04963 265.17857,323.03571 269.41526,319.55074 286.33872,296.92299 288.75,282.14286 290.03564,274.2624 290.94973,239.66403 290.71429,231.78571 290.3145,218.40773 305.67781,196.91582 312.85714,190.89286 323.61941,181.86407 343.32205,183.43146 348.92857,184.82143 354.43417,186.18638 381.34852,203.72997 387.14286,211.78571 392.81163,219.66686 400.43363,232.84585 400.17857,242.67857 399.78405,257.88761 387.85392,267.64311 384.82143,269.28571 380.53571,271.60714 364.64286,275.35715 358.75,275.89286 355.19324,276.2162 345.17858,277.14286 341.60714,274.64286 345.71429,269.46429 350.53571,268.57143 356.42857,266.60714 362.45142,264.59952 378.26883,254.64374 382.14286,248.39286 385.78203,242.52093 383.86816,232.28422 379.64286,226.78571 376.04042,222.09774 352.07994,202.62696 349.82143,201.42857 341.07143,196.78572 332.61335,199.5923 329.10714,200.71429 320.17858,203.57143 308.4921,217.47543 306.96429,221.25 303.92857,228.75 304.80449,255.38892 305.35714,260.17857 306.96428,274.10714 300.31783,302.32798 294.64286,311.96429 289.02345,321.50626 260.76482,344.05429 250.53571,349.10714 245.21005,351.73785 230,357.32143 218.03571,356.96429 215.35714,363.75 209.77422,368.62932 205.53571,370.35714 194.56274,374.83026 171.42379,376.07347 164.10714,374.64286 160.18837,373.87663 132.32143,366.78571 129.64286,364.82143 126.96429,362.85714 126.07143,359.10715 130.71428,357.14286 132.99901,356.17624 140.17857,323.21429 140.71429,320.35714 141.25,317.5 144.39522,290.39444 145.17857,283.21429 145.70252,278.41176 144.59965,268.07172 146.60714,262.32143 Z" stroke="none" fill="black" />
	<path d="M 37.645142,176.57541 C 54.426167,222.79317 248.18967,220.92604 265.57526,176.20663 251.17296,196.71181 248.54389,196.10079 219.4162,202.44173 184.04728,210.14135 133.5447,213.5419 94.526667,206.71219 72.813734,202.91157 47.832162,197.95937 37.645142,176.57541 Z" id="mouth" stroke="none"  fill="black" />
	<path d="M 41.071429,174.28571 46.785714,135.35714 68.928571,213.21429 76.071429,136.78571 101.07143,233.21429 110.35714,136.07143 128.92857,242.14286 139.64286,135 160.35714,244.28571 172.5,136.78571 192.5,237.5 211.07143,137.85714 222.5,220 243.92857,137.85714 249.28571,191.78571" stroke="black" fill="none" />
	<path d="M 37.040438,153.99981 C 42.719602,174.21964 70.041931,188.82675 86.957306,188.86158 100.81739,188.89012 130.8961,168.99036 137.47196,155.74291 134.18402,138.66065 104.29572,114.05434 86.060596,113.9088 62.971893,113.72452 41.843765,138.34446 37.040438,153.99981 Z" id="righteye" stroke="none" fill="white" />
	<path d="M 161.03875,152.85274 C 166.54768,173.65273 193.0509,188.67895 209.45916,188.71477 222.90372,188.74414 252.0807,168.27341 258.45943,154.64585 255.27006,137.07346 226.27778,111.76113 208.58934,111.61142 186.19281,111.42185 165.69807,136.7482 161.03875,152.85274 Z" id="lefteye" stroke="none" fill="white"  />
  <ellipse  id="rightPupil" cx="86.324486" cy="150.26627" rx="26.123108" ry="30.467947" stroke="none" fill="black" />
  <ellipse  id="leftPupil" cx="208.93082" cy="148.13394" rx="25.339956" ry="31.342152" stroke="none" fill="black" />
</svg>
              
            
!

CSS

              
                *{
	margin:0;
	padding:0;
	font-size:11pt;
	font-family:Times New Roman;
	letter-spacing:2px;
	color:#303030;
}
#svg {
	background-color: #DCDCDC;
	position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
}
              
            
!

JS

              
                var json = {
	"mouth":
			[
				"M 36.428571,136.42857 C 56.071429,137.14286 255,138.57143 263.92857,139.28571 266.42857,176.42857 232.79,212.71614 208.57143,227.5 179.54254,245.22025 113.96191,244.37175 87.857143,224.64286 72.283116,212.87266 32.017829,182.14286 36.428571,136.42857 Z",
				"M 36.469124,137.7668 C 56.016586,139.99786 254.773,141.31657 263.98346,140.5164 265.92004,177.10468 233.31512,212.1623 208.93292,226.66472 179.6927,244.05095 114.61467,243.34409 88.07946,224.04517 72.300804,212.54063 32.544975,182.67007 36.469124,137.7668 Z",
				"M 36.509674,139.10503 C 55.961746,142.85287 254.54597,144.06174 264.03833,141.7471 265.41153,177.78079 233.84026,211.60844 209.29442,225.82945 179.84286,242.88165 115.267426,242.31642 88.30177,223.44748 72.3185,212.20859 33.072117,183.19728 36.509674,139.10503 Z",
				"M 36.55023,140.44325 C 55.906902,145.70789 254.31897,146.80688 264.09323,142.9778 264.90298,178.4569 234.36539,211.05461 209.6559,224.99417 179.99301,241.71236 115.92018,241.28876 88.52409,222.8498 72.33618,211.87656 33.599262,183.7245 36.55023,140.44325 Z",
				"M 36.59078,141.78148 C 55.852062,148.5629 254.09195,149.55205 264.14813,144.2085 264.39447,179.13301 234.89052,210.50076 210.0174,224.15889 180.14317,240.54306 116.572945,240.26111 88.74641,222.25209 72.35387,211.54453 34.126408,184.25172 36.59078,141.78148 Z",
				"M 36.631332,143.11972 C 55.79722,151.41791 253.86494,152.2972 264.203,145.4392 263.88596,179.80911 235.41565,209.94691 210.37889,223.32362 180.29333,239.37376 117.22571,239.23344 88.96873,221.6544 72.37155,211.21248 34.653553,184.77893 36.631332,143.11972 Z",
				"M 36.671883,144.45795 C 55.74238,154.27292 253.63794,155.04236 264.2579,146.66989 263.37744,180.48521 235.94077,209.39307 210.74039,222.48834 180.4435,238.20447 117.87846,238.20578 89.19105,221.05672 72.389244,210.88045 35.180695,185.30615 36.671883,144.45795 Z",
				"M 36.712437,145.79617 C 55.687534,157.12793 253.41092,157.7875 264.31277,147.90059 262.86893,181.16133 236.4659,208.83922 211.10187,221.65308 180.59364,237.03517 118.53122,237.17812 89.41336,220.45903 72.40693,210.54842 35.70784,185.83337 36.712437,145.79617 Z",
				"M 36.75299,147.1344 C 55.632694,159.98294 253.18391,160.53265 264.36768,149.13129 262.3604,181.83743 236.99103,208.28539 211.46336,220.8178 180.7438,235.86588 119.18398,236.15045 89.63568,219.86134 72.424614,210.21637 36.234985,186.3606 36.75299,147.1344 Z",
				"M 36.79354,148.47263 C 55.57785,162.83795 252.9569,163.27782 264.42258,150.36198 261.85187,182.51355 237.51616,207.73154 211.82486,219.98251 180.89397,234.69658 119.83675,235.1228 89.857994,219.26366 72.44231,209.88434 36.76213,186.8878 36.79354,148.47263 Z",
				"M 36.834095,149.81085 C 55.52301,165.69296 252.72989,166.02296 264.47745,151.59268 261.34335,183.18965 238.04129,207.17769 212.18636,219.14725 181.04413,233.52728 120.4895,234.09514 90.080315,218.66597 72.45999,209.5523 37.289272,187.41502 36.834095,149.81085 Z",
				"M 36.874645,151.14908 C 55.468166,168.54797 252.50288,168.76813 264.53235,152.82338 260.83484,183.86575 238.56642,206.62384 212.54784,218.31197 181.19427,232.35799 121.14226,233.06747 90.302635,218.06828 72.47768,209.22026 37.816418,187.94225 36.874645,151.14908 Z",
				"M 36.9152,152.4873 C 55.413326,171.40298 252.27586,171.51328 264.58725,154.05408 260.32632,184.54187 239.09155,206.06999 212.90933,217.47668 181.34444,231.18869 121.79502,232.03981 90.52495,217.47058 72.49537,208.88823 38.343563,188.46945 36.9152,152.4873 Z",
				"M 36.95575,153.82553 C 55.358482,174.258 252.04886,174.25842 264.64212,155.28477 259.8178,185.21797 239.61668,205.51616 213.27083,216.64142 181.4946,230.0194 122.447784,231.01215 90.74727,216.8729 72.513054,208.5562 38.870705,188.99667 36.95575,153.82553 Z",
				"M 36.996304,155.16376 C 55.303642,177.113 251.82184,177.00359 264.69702,156.51547 259.30927,185.89409 240.14182,204.96231 213.63232,215.80614 181.64476,228.8501 123.10054,229.98448 90.96958,216.2752 72.53074,208.22415 39.39785,189.5239 36.996304,155.16376 Z",
				"M 37.036858,156.50198 C 55.2488,179.96802 251.59483,179.74873 264.7519,157.74617 258.80075,186.57019 240.66693,204.40846 213.9938,214.97086 181.79492,227.6808 123.753296,228.95682 91.1919,215.67752 72.54843,207.89212 39.924995,190.05112 37.036858,156.50198 Z",
				"M 37.077408,157.84023 C 55.193954,182.82303 251.36783,182.4939 264.8068,158.97687 258.29224,187.24629 241.19206,203.85461 214.3553,214.13559 181.94507,226.5115 124.40606,227.92917 91.41422,215.07983 72.56612,207.56009 40.45214,190.57832 37.077408,157.84023 Z",
				"M 37.11796,159.17845 C 55.139114,185.67804 251.14081,185.23904 264.8617,160.20757 257.78372,187.92241 241.7172,203.30077 214.7168,213.30031 182.09523,225.34221 125.05882,226.9015 91.636536,214.48215 72.5838,207.22804 40.979286,191.10555 37.11796,159.17845 Z",
				"M 37.158512,160.51668 C 55.08427,188.53305 250.9138,187.98419 264.91656,161.43826 257.2752,188.59851 242.24232,202.74693 215.0783,212.46504 182.24539,224.17291 125.71158,225.87384 91.85886,213.88446 72.60149,206.89601 41.506428,191.63277 37.158512,160.51668 Z",
				"M 37.199066,161.8549 C 55.02943,191.38806 250.68678,190.72935 264.97147,162.66896 256.76666,189.27463 242.76746,202.19308 215.43979,211.62976 182.39555,223.00362 126.364334,224.84618 92.08117,213.28677 72.61918,206.56398 42.033573,192.15997 37.199066,161.8549 Z",
				"M 37.239616,163.19313 C 54.974586,194.24307 250.45978,193.4745 265.02637,163.89966 256.25815,189.95073 243.29259,201.63924 215.80127,210.79448 182.5457,221.83432 127.0171,223.81851 92.30349,212.68907 72.63686,206.23193 42.56072,192.6872 37.239616,163.19313 Z",
				"M 37.28017,164.53136 C 54.919746,197.09807 250.23277,196.21967 265.08124,165.13036 255.74963,190.62683 243.81772,201.08539 216.16277,209.95921 182.69586,220.66502 127.66986,222.79086 92.52581,212.09138 72.65455,205.8999 43.08786,193.21442 37.28017,164.53136 Z",
				"M 37.32072,165.86958 C 54.864902,199.95308 250.00575,198.96481 265.13614,166.36105 255.24112,191.30295 244.34285,200.53154 216.52426,209.12393 182.84602,219.49573 128.32262,221.7632 92.74812,211.4937 72.67224,205.56787 43.615005,193.74162 37.32072,165.86958 Z",
				"M 37.361275,167.20781 C 54.810062,202.8081 249.77875,201.70996 265.19104,167.59175 254.7326,191.97905 244.86798,199.9777 216.88576,208.28867 182.99619,218.32643 128.97537,220.73553 92.97044,210.89601 72.689926,205.23582 44.14215,194.26884 37.361275,167.20781 Z",
				"M 37.40183,168.54605 C 54.75522,205.6631 249.55173,204.45512 265.2459,168.82245 254.22408,192.65515 245.39311,199.42386 217.24724,207.45338 183.14633,217.15714 129.62814,219.70787 93.19276,210.29832 72.70761,204.9038 44.669296,194.79607 37.40183,168.54605 Z",
				"M 37.44238,169.88428 C 54.70038,208.51811 249.32472,207.20027 265.3008,170.05315 253.71556,193.33127 245.91823,198.87001 217.60873,206.6181 183.2965,215.98784 130.2809,218.6802 93.41508,209.70064 72.725296,204.57176 45.196438,195.32327 37.44238,169.88428 Z",
				"M 37.482933,171.2225 C 54.645535,211.37312 249.09772,209.94543 265.35568,171.28384 253.20703,194.00737 246.44336,198.31616 217.97023,205.78284 183.44666,214.81854 130.93365,217.65254 93.6374,209.10295 72.74299,204.23972 45.723583,195.8505 37.482933,171.2225 Z",
				"M 37.523483,172.56073 C 54.590694,214.22813 248.8707,212.69058 265.41058,172.51454 252.69852,194.68349 246.96849,197.76231 218.33173,204.94756 183.59682,213.64925 131.58641,216.62488 93.85971,208.50525 72.76067,203.90768 46.25073,196.37772 37.523483,172.56073 Z",
				"M 37.564037,173.89896 C 54.53585,217.08315 248.64369,215.43573 265.46548,173.74524 252.19,195.35959 247.49362,197.20848 218.6932,204.11227 183.74696,212.47995 132.23917,215.59723 94.08203,207.90756 72.77836,203.57565 46.77787,196.90494 37.564037,173.89896 Z",
				"M 37.604588,175.23718 C 54.48101,219.93816 248.41667,218.1809 265.52036,174.97594 251.68147,196.0357 248.01875,196.65463 219.0547,203.27701 183.89713,211.31065 132.89194,214.56956 94.304344,207.30988 72.79605,203.2436 47.305016,197.43214 37.604588,175.23718 Z",
				"M 37.645142,176.57541 C 54.426167,222.79317 248.18967,220.92604 265.57526,176.20663 251.17296,196.71181 248.54389,196.10079 219.4162,202.44173 184.04728,210.14135 133.5447,213.5419 94.526667,206.71219 72.813734,202.91157 47.832162,197.95937 37.645142,176.57541 Z"
			],
	"righteye":
			[
				"M 55.535714,110.35714 C 58.928571,120.71429 75.251528,128.19645 85.357143,128.21429 93.63746,128.22891 111.60714,118.03571 115.53571,111.25 113.57142,102.5 95.715494,89.895979 84.821429,89.821428 71.027733,89.727034 58.405327,102.33804 55.535714,110.35714 Z",
				"M 54.919205,111.8119 C 58.38827,122.497795 75.07787,130.21747 85.41048,130.23587 93.87679,130.25095 112.25011,119.7342 116.26692,112.73309 114.25851,103.70535 96.0015,90.701256 84.86273,90.62434 70.7592,90.526955 57.853275,103.53825 54.919205,111.8119 Z",
				"M 54.302696,113.266655 C 57.847973,124.28131 74.90422,132.23848 85.46381,132.25745 94.11612,132.273 112.893074,121.432686 116.99813,114.216194 114.945595,104.91071 96.287506,91.50654 84.90404,91.42725 70.49068,91.326866 57.301224,104.73847 54.302696,113.266655 Z",
				"M 53.686188,114.721405 C 57.307674,126.06482 74.73057,134.25949 85.51716,134.27902 94.35545,134.29503 113.53603,123.13118 117.72934,115.69929 115.632675,106.116066 96.57352,92.31181 84.94534,92.23016 70.22215,92.126785 56.749172,105.93868 53.686188,114.721405 Z",
				"M 53.069675,116.17616 C 56.767372,127.848335 74.556915,136.2805 85.570496,136.3006 94.59478,136.31708 114.179,124.829666 118.46055,117.18239 116.31976,107.32142 96.85952,93.117096 84.98665,93.03307 69.95362,92.9267 56.197117,107.1389 53.069675,116.17616 Z",
				"M 52.453167,117.63092 C 56.227074,129.63185 74.38326,138.30151 85.62383,138.32217 94.834114,138.33911 114.82197,126.52815 119.19176,118.66548 117.00685,108.52677 97.14553,93.92237 85.027954,93.83599 69.68509,93.726616 55.645065,108.33911 52.453167,117.63092 Z",
				"M 51.83666,119.08568 C 55.686775,131.41536 74.20961,140.32251 85.67717,140.34375 95.07345,140.36116 115.464935,128.22664 119.92296,120.14858 117.69394,109.73213 97.43154,94.72765 85.06926,94.6389 69.416565,94.526535 55.093014,109.53933 51.83666,119.08568 Z",
				"M 51.22015,120.54043 C 55.146477,133.19887 74.03596,142.34352 85.730515,142.36533 95.312775,142.3832 116.107895,129.92513 120.65417,121.631676 118.38103,110.937485 97.717545,95.53293 85.110565,95.44181 69.14804,95.32645 54.540962,110.73954 51.22015,120.54043 Z",
				"M 50.60364,121.995186 C 54.60618,134.98238 73.8623,144.36453 85.78385,144.3869 95.55211,144.40524 116.75086,131.62361 121.385376,123.11478 119.068115,112.14284 98.003555,96.33821 85.15187,96.24473 68.87951,96.126366 53.98891,111.93976 50.60364,121.995186 Z",
				"M 49.98713,123.44994 C 54.06588,136.7659 73.688644,146.38554 85.83719,146.40848 95.791435,146.42728 117.39383,133.32211 122.116585,124.59787 119.7552,113.34819 98.28956,97.143486 85.19318,97.04764 68.61098,96.92628 53.43686,113.13997 49.98713,123.44994 Z",
				"M 49.37062,124.9047 C 53.52558,138.54941 73.51499,148.40656 85.890526,148.43005 96.03077,148.44931 118.0368,135.0206 122.84779,126.08097 120.44228,114.55355 98.57557,97.94877 85.23448,97.85055 68.34245,97.7262 52.884808,114.34019 49.37062,124.9047 Z",
				"M 48.754112,126.35945 C 52.985283,140.33292 73.34134,150.42757 85.94387,150.45163 96.2701,150.47136 118.679756,136.71909 123.579,127.564064 121.12937,115.7589 98.86158,98.75404 85.27579,98.653465 68.07393,98.526115 52.332756,115.5404 48.754112,126.35945 Z",
				"M 48.137604,127.81421 C 52.44498,142.11642 73.16769,152.44858 85.99721,152.4732 96.50943,152.4934 119.32272,138.41757 124.31021,129.04716 121.81646,116.96426 99.14758,99.559326 85.31709,99.456375 67.8054,99.32603 51.7807,116.740616 48.137604,127.81421 Z",
				"M 47.521095,129.26897 C 51.904682,143.89993 72.99403,154.46959 86.050545,154.49478 96.748764,154.51544 119.96569,140.11606 125.04142,130.53026 122.50355,118.16962 99.43359,100.3646 85.3584,100.259285 67.536865,100.125946 51.22865,117.94083 47.521095,129.26897 Z",
				"M 46.904587,130.72372 C 51.364384,145.68344 72.82038,156.4906 86.10388,156.51636 96.98809,156.53748 120.60866,141.81454 125.77263,132.01335 123.190636,119.37497 99.7196,101.169876 85.399704,101.0622 67.26834,100.92586 50.676598,119.14104 46.904587,130.72372 Z",
				"M 46.28808,132.17848 C 50.824085,147.46696 72.64673,158.51161 86.15723,158.53793 97.227425,158.55951 121.25162,143.51303 126.50383,133.49646 123.877716,120.58032 100.00561,101.97516 85.44101,101.86511 66.99982,101.72578 50.124546,120.341255 46.28808,132.17848 Z",
				"M 45.671566,133.63324 C 50.283787,149.25047 72.473076,160.53262 86.21056,160.55951 97.46676,160.58156 121.894585,145.21152 127.23504,134.97955 124.564804,121.785675 100.29162,102.78044 85.482315,102.66802 66.731285,102.525696 49.572495,121.54147 45.671566,133.63324 Z",
				"M 45.055058,135.08798 C 49.743484,151.03398 72.29942,162.55362 86.2639,162.58109 97.706085,162.6036 122.53755,146.91 127.96625,136.46265 125.25189,122.99103 100.57762,103.58572 85.52362,103.47094 66.46275,103.32561 49.02044,122.741684 45.055058,135.08798 Z",
				"M 44.43855,136.54274 C 49.203186,152.8175 72.12577,164.57463 86.31724,164.60266 97.94542,164.62564 123.18052,148.6085 128.69746,137.94574 125.93898,124.19639 100.86363,104.39099 85.564926,104.27385 66.19423,104.12553 48.46839,123.941895 44.43855,136.54274 Z",
				"M 43.82204,137.9975 C 48.662888,154.60101 71.95212,166.59564 86.370575,166.62424 98.184746,166.64767 123.82349,150.30699 129.42867,139.42883 126.62607,125.40174 101.149635,105.19627 85.60623,105.07676 65.925705,104.92544 47.916336,125.14211 43.82204,137.9975 Z",
				"M 43.20553,139.45226 C 48.12259,156.38452 71.778465,168.61665 86.42392,168.64581 98.42408,168.66972 124.466446,152.00548 130.15988,140.91194 127.313156,126.60709 101.435646,106.00156 85.64754,105.87968 65.65717,105.72536 47.364285,126.34233 43.20553,139.45226 Z",
				"M 42.58902,140.90701 C 47.58229,158.16803 71.60481,170.63766 86.47726,170.6674 98.663414,170.69176 125.10941,153.70396 130.89108,142.39503 128.00024,127.812454 101.72166,106.80683 85.68884,106.68259 65.38864,106.525276 46.812233,127.54254 42.58902,140.90701 Z",
				"M 41.97251,142.36177 C 47.041992,159.95154 71.43116,172.65868 86.530594,172.68898 98.90274,172.7138 125.75238,155.40245 131.62228,143.87813 128.68733,129.0178 102.00766,107.61211 85.73015,107.485504 65.12012,107.32519 46.26018,128.74275 41.97251,142.36177 Z",
				"M 41.356003,143.81653 C 46.501694,161.73505 71.2575,174.67969 86.58393,174.71056 99.142075,174.73584 126.39535,157.10094 132.3535,145.36124 129.37442,130.22316 102.29367,108.41739 85.771454,108.288414 64.85159,108.12511 45.70813,129.94296 41.356003,143.81653 Z",
				"M 40.739494,145.27129 C 45.961395,163.51857 71.08385,176.7007 86.637276,176.73213 99.3814,176.75787 127.03831,158.79942 133.0847,146.84433 130.0615,131.42851 102.57967,109.222664 85.81276,109.091324 64.58306,108.92502 45.156075,131.14319 40.739494,145.27129 Z",
				"M 40.122986,146.72604 C 45.421097,165.30208 70.910194,178.72171 86.69061,178.75371 99.620735,178.77992 127.681274,160.49792 133.81592,148.32742 130.7486,132.63387 102.865685,110.02795 85.854065,109.89424 64.31453,109.72494 44.604027,132.3434 40.122986,146.72604 Z",
				"M 39.506477,148.18079 C 44.880795,167.08559 70.73654,180.7427 86.74395,180.77528 99.86007,180.80197 128.32425,162.19641 134.54712,149.81052 131.43567,133.83923 103.151695,110.83322 85.89537,110.69715 64.046005,110.52486 44.05197,133.54361 39.506477,148.18079 Z",
				"M 38.88997,149.63554 C 44.340496,168.86911 70.56289,182.76373 86.79729,182.79686 100.099396,182.824 128.96721,163.8949 135.27834,151.29361 132.12276,135.04459 103.4377,111.638504 85.936676,111.50006 63.777477,111.32477 43.49992,134.74382 38.88997,149.63554 Z",
				"M 38.273457,151.0903 C 43.800198,170.65262 70.38924,184.78473 86.85063,184.81844 100.33873,184.84604 129.61017,165.59338 136.00954,152.7767 132.80984,136.24994 103.72371,112.44378 85.97798,112.30298 63.50895,112.12469 42.94787,135.94403 38.273457,151.0903 Z",
				"M 37.656948,152.54506 C 43.2599,172.43613 70.21558,186.80574 86.90397,186.84001 100.57806,186.86809 130.25314,167.29187 136.74075,154.25981 133.49693,137.45529 104.00972,113.249054 86.01929,113.10589 63.24042,112.92461 42.395817,137.14426 37.656948,152.54506 Z",
				"M 37.040438,153.99981 C 42.719602,174.21964 70.041931,188.82675 86.957306,188.86158 100.81739,188.89012 130.8961,168.99036 137.47196,155.74291 134.18402,138.66065 104.29572,114.05434 86.060596,113.9088 62.971893,113.72452 41.843765,138.34446 37.040438,153.99981 Z"
			],
	"lefteye":
			[
				"M 190.71723,111.93083 C 194.11009,122.28798 210.43305,129.77014 220.53866,129.78798 228.81898,129.8026 246.78866,119.6094 250.71723,112.82369 248.75294,104.07369 230.89701,91.469672 220.00295,91.395121 206.20925,91.300727 193.58684,103.91173 190.71723,111.93083 Z",
				"M 189.72794,113.2949 C 193.19135,124.00014 209.85364,131.73376 220.16934,131.75221 228.62181,131.76732 246.96507,121.23153 250.9753,114.217766 248.97018,105.17368 230.74303,92.14606 219.6225,92.06899 205.54202,91.971436 192.65721,105.00628 189.72794,113.2949 Z",
				"M 188.73866,114.65896 C 192.2726,125.712296 209.27423,133.6974 219.80003,133.71643 228.42464,133.73204 247.14146,122.85367 251.23337,115.61184 249.18742,106.273674 230.58905,92.82243 219.24203,92.742874 204.87482,92.642136 191.72758,106.10082 188.73866,114.65896 Z",
				"M 187.74937,116.023026 C 191.35385,127.42445 208.69482,135.66103 219.43071,135.68066 228.22746,135.69675 247.31787,124.4758 251.49144,117.005905 249.40466,107.37367 230.43509,93.49882 218.86159,93.41675 204.2076,93.31284 190.79796,107.19537 187.74937,116.023026 Z",
				"M 186.7601,117.387085 C 190.4351,129.13661 208.11543,137.62465 219.0614,137.64488 228.03029,137.66147 247.49428,126.09793 251.74953,118.39998 249.62189,108.47366 230.28111,94.1752 218.48112,94.09062 203.54039,93.98354 189.86833,108.289925 186.7601,117.387085 Z",
				"M 185.77081,118.75115 C 189.51636,130.84877 207.53603,139.58827 218.69208,139.60912 227.8331,139.62619 247.67067,127.72006 252.0076,119.79405 249.83913,109.573654 230.12714,94.851585 218.10068,94.7645 202.87317,94.65425 188.9387,109.384476 185.77081,118.75115 Z",
				"M 184.78152,120.11521 C 188.59761,132.56093 206.95662,141.55191 218.32277,141.57333 227.63593,141.59091 247.84708,129.3422 252.26567,121.188126 250.05637,110.673645 229.97316,95.52796 217.72023,95.43838 202.20596,95.32495 188.00908,110.47902 184.78152,120.11521 Z",
				"M 183.79225,121.47928 C 187.67886,134.27309 206.37721,143.51553 217.95345,143.53757 227.43875,143.55562 248.02347,130.96434 252.52374,122.58219 250.2736,111.773636 229.81918,96.204346 217.33977,96.11226 201.53874,95.99566 187.07945,111.57357 183.79225,121.47928 Z",
				"M 182.80296,122.84334 C 186.76012,135.98524 205.7978,145.47916 217.58414,145.50179 227.24158,145.52034 248.19987,132.58647 252.78181,123.976265 250.49084,112.87363 229.6652,96.88073 216.95932,96.78613 200.87152,96.66636 186.14984,112.66812 182.80296,122.84334 Z",
				"M 181.81369,124.207405 C 185.84137,137.6974 205.2184,147.44278 217.21481,147.46602 227.0444,147.48506 248.37628,134.2086 253.03989,125.37034 250.70808,113.97362 229.51123,97.55711 216.57886,97.46001 200.20432,97.33707 185.22021,113.76267 181.81369,124.207405 Z",
				"M 180.8244,125.571465 C 184.92262,139.40956 204.63899,149.40642 216.8455,149.43024 226.84723,149.44978 248.55267,135.83073 253.29796,126.76441 250.92532,115.073616 229.35727,98.23349 216.19841,98.13389 199.5371,98.00777 184.29059,114.857216 180.8244,125.571465 Z",
				"M 179.83511,126.93553 C 184.00388,141.12172 204.05959,151.37004 216.47618,151.39447 226.65005,151.41449 248.72908,137.45287 253.55603,128.15848 251.14256,116.17361 229.2033,98.909874 215.81796,98.80776 198.86989,98.678474 183.36096,115.95177 179.83511,126.93553 Z",
				"M 178.84584,128.29959 C 183.08513,142.83388 203.4802,153.33366 216.10687,153.35869 226.45288,153.37921 248.90549,139.075 253.81412,129.55255 251.35979,117.2736 229.04932,99.58626 215.4375,99.481636 198.20267,99.349174 182.43134,117.04632 178.84584,128.29959 Z",
				"M 177.85655,129.66367 C 182.16638,144.54604 202.90079,155.2973 215.73755,155.32292 226.2557,155.34393 249.08188,140.69713 254.07219,130.94662 251.57703,118.37359 228.89534,100.262634 215.05705,100.15552 197.53546,100.01988 181.50171,118.14087 177.85655,129.66367 Z",
				"M 176.86728,131.02773 C 181.24763,146.2582 202.32138,157.26093 215.36824,157.28714 226.05853,157.30865 249.25829,142.31927 254.33026,132.3407 251.79427,119.47358 228.74136,100.93902 214.67659,100.82939 196.86824,100.69058 180.57208,119.23541 176.86728,131.02773 Z",
				"M 175.87799,132.39178 C 180.32889,147.97035 201.74197,159.22455 214.99892,159.25137 225.86136,159.27338 249.4347,143.9414 254.58833,133.73477 252.0115,120.57358 228.5874,101.6154 214.29614,101.503265 196.20102,101.36129 179.64246,120.32996 175.87799,132.39178 Z",
				"M 174.8887,133.75584 C 179.41014,149.68251 201.16257,161.18817 214.6296,161.2156 225.66417,161.23808 249.61108,145.56354 254.8464,135.12885 252.22874,121.67357 228.43343,102.29179 213.9157,102.17715 195.53381,102.032 178.71283,121.424515 174.8887,133.75584 Z",
				"M 173.89943,135.1199 C 178.4914,151.39467 200.58316,163.1518 214.26028,163.17982 225.467,163.2028 249.78749,147.18567 255.10448,136.52292 252.44598,122.77356 228.27945,102.96817 213.53523,102.85102 194.8666,102.7027 177.7832,122.51906 173.89943,135.1199 Z",
				"M 172.91014,136.48398 C 177.57265,153.10683 200.00375,165.11543 213.89096,165.14404 225.26982,165.16753 249.96388,148.8078 255.36255,137.91698 252.66322,123.87355 228.12547,103.64455 213.15479,103.5249 194.19939,103.3734 176.85358,123.61361 172.91014,136.48398 Z",
				"M 171.92087,137.84804 C 176.6539,154.81898 199.42435,167.07906 213.52165,167.10828 225.07265,167.13223 250.14029,150.42993 255.62064,139.31105 252.88045,124.97354 227.9715,104.32093 212.77432,104.19878 193.53217,104.044106 175.92395,124.70816 171.92087,137.84804 Z",
				"M 170.93158,139.2121 C 175.73515,156.53114 198.84496,169.04268 213.15233,169.07251 224.87547,169.09695 250.3167,152.05206 255.87871,140.70512 253.09769,126.07353 227.81752,104.997314 212.39388,104.87265 192.86496,104.71481 174.99432,125.80271 170.93158,139.2121 Z",
				"M 169.94229,140.57617 C 174.8164,158.2433 198.26555,171.00632 212.78302,171.03673 224.6783,171.06168 250.49309,153.6742 256.13678,142.0992 253.31493,127.17352 227.66354,105.67369 212.01343,105.54653 192.19774,105.38551 174.0647,126.89726 169.94229,140.57617 Z",
				"M 168.95302,141.94023 C 173.89766,159.95546 197.68614,172.96994 212.4137,173.00096 224.48112,173.0264 250.6695,155.29634 256.39484,143.49327 253.53217,128.27351 227.50958,106.350075 211.63297,106.220406 191.53053,106.05622 173.13507,127.991806 168.95302,141.94023 Z",
				"M 167.96373,143.30429 C 172.97891,161.66762 197.10674,174.93356 212.04439,174.96518 224.28395,174.99112 250.8459,156.91847 256.65292,144.88734 253.7494,129.3735 227.3556,107.02646 211.25252,106.89429 190.86331,106.72692 172.20544,129.08636 167.96373,143.30429 Z",
				"M 166.97446,144.66837 C 172.06017,163.37978 196.52733,176.89719 211.67506,176.92941 224.08678,176.95584 251.0223,158.5406 256.911,146.28142 253.96664,130.47351 227.20163,107.702835 210.87206,107.56816 190.19609,107.39763 171.27583,130.18091 166.97446,144.66837 Z",
				"M 165.98517,146.03242 C 171.14142,165.09193 195.94792,178.86082 211.30576,178.89363 223.88959,178.92055 251.1987,160.16273 257.16907,147.67548 254.18388,131.5735 227.04765,108.37922 210.49161,108.242035 189.52888,108.06833 170.3462,131.27545 165.98517,146.03242 Z",
				"M 164.99588,147.39648 C 170.22267,166.8041 195.36852,180.82445 210.93643,180.85786 223.69241,180.88527 251.37509,161.78487 257.42715,149.06955 254.40112,132.6735 226.89368,109.0556 210.11116,108.91591 188.86166,108.73904 169.41658,132.37 164.99588,147.39648 Z",
				"M 164.0066,148.76054 C 169.30392,168.51625 194.78912,182.78807 210.56712,182.82208 223.49524,182.84999 251.5515,163.40701 257.6852,150.46362 254.61835,133.77348 226.73972,109.73199 209.7307,109.58979 188.19446,109.40974 168.48695,133.46455 164.0066,148.76054 Z",
				"M 163.01732,150.1246 C 168.38518,170.22841 194.20972,184.75171 210.1978,184.78632 223.29807,184.8147 251.7279,165.02914 257.9433,151.8577 254.83559,134.87347 226.58574,110.40837 209.35025,110.263664 187.52724,110.080444 167.55733,134.5591 163.01732,150.1246 Z",
				"M 162.02805,151.48868 C 167.46643,171.94057 193.63031,186.71533 209.82849,186.75055 223.10089,186.77942 251.9043,166.65128 258.20135,153.25177 255.05283,135.97346 226.43176,111.08475 208.96979,110.937546 186.86003,110.751144 166.6277,135.65366 162.02805,151.48868 Z",
				"M 161.03875,152.85274 C 166.54768,173.65273 193.0509,188.67895 209.45916,188.71477 222.90372,188.74414 252.0807,168.27341 258.45943,154.64585 255.27006,137.07346 226.27778,111.76113 208.58934,111.61142 186.19281,111.42185 165.69807,136.7482 161.03875,152.85274 Z"
			],
	"rightPupil":
			[
				[84.97908,108.80186,15.606516,18.820803],
				[85.023926,110.184006,15.957069,19.209042],
				[85.06877,111.566154,16.307623,19.597279],
				[85.11362,112.948296,16.658175,19.985518],
				[85.15847,114.330444,17.008728,20.373755],
				[85.203316,115.71259,17.359282,20.761993],
				[85.24816,117.09474,17.709835,21.15023],
				[85.29301,118.47688,18.060387,21.53847],
				[85.33785,119.85903,18.41094,21.926708],
				[85.382706,121.24118,18.761494,22.314945],
				[85.42755,122.62333,19.112047,22.703184],
				[85.4724,124.00547,19.462599,23.091423],
				[85.51724,125.38762,19.813152,23.47966],
				[85.56209,126.76977,20.163706,23.867899],
				[85.60693,128.15192,20.51426,24.256136],
				[85.65178,129.53406,20.86481,24.644375],
				[85.69663,130.91621,21.215364,25.032612],
				[85.74148,132.29836,21.565918,25.42085],
				[85.78632,133.6805,21.916471,25.80909],
				[85.83117,135.06265,22.267025,26.197327],
				[85.876015,136.4448,22.617577,26.585566],
				[85.92087,137.82693,22.96813,26.973804],
				[85.96571,139.20909,23.318684,27.362041],
				[86.01056,140.59123,23.669235,27.750278],
				[86.055405,141.97339,24.01979,28.138517],
				[86.10025,143.35553,24.370342,28.526756],
				[86.145096,144.73767,24.720896,28.914993],
				[86.18994,146.11983,25.07145,29.303232],
				[86.234795,147.50197,25.422,29.691471],
				[86.27964,148.88412,25.772554,30.079708],
				[86.324486,150.26627,26.123108,30.467947]
			],
	"leftPupil":
			[
				[220.21326,109.22401,15.606516,18.820803],
				[219.83717,110.521,15.9309635,19.23818],
				[219.46109,111.818,16.255411,19.65556],
				[219.085,113.115,16.57986,20.072937],
				[218.70894,114.411995,16.904308,20.490316],
				[218.33286,115.709,17.228756,20.907694],
				[217.95677,117.006,17.553204,21.325073],
				[217.58069,118.30299,17.877651,21.74245],
				[217.2046,119.59999,18.2021,22.159828],
				[216.82852,120.89699,18.526548,22.577208],
				[216.45244,122.193985,18.850996,22.994587],
				[216.07635,123.49098,19.175444,23.411964],
				[215.70029,124.78798,19.499893,23.829342],
				[215.3242,126.08498,19.82434,24.246721],
				[214.94812,127.38197,20.148788,24.664099],
				[214.57204,128.67897,20.473236,25.081478],
				[214.19595,129.97597,20.797684,25.498856],
				[213.81987,131.27296,21.122131,25.916233],
				[213.44379,132.56996,21.44658,26.333612],
				[213.06772,133.86696,21.771029,26.75099],
				[212.69164,135.16397,22.095476,27.16837],
				[212.31555,136.46097,22.419924,27.585747],
				[211.93947,137.75797,22.744373,28.003124],
				[211.56339,139.05496,23.06882,28.420504],
				[211.1873,140.35196,23.393269,28.837883],
				[210.81122,141.64896,23.717716,29.25526],
				[210.43513,142.94595,24.042164,29.672638],
				[210.05907,144.24295,24.366611,30.090017],
				[209.68298,145.53995,24.69106,30.507395],
				[209.3069,146.83694,25.015509,30.924774],
				[208.93082,148.13394,25.339956,31.342152]
			],
	"start2end":[30,29,28,27,26,25,24,23,22,21,20,19,18,17,16,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,0],
	"end2start":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]
}
 
window.onload = function(){init(); }

var ids = ['mouth','righteye','lefteye','rightPupil','leftPupil'];
var startToend = false , current , svg , index , frame;
function init(){
  
		svg =  d3.select('#svg').on('click',function(){
			startToend = startToend == true ? false : true;
			if(startToend == true ) svg.select('#mouth').attr('fill','white') ;
			current = 0;
			motion();
		})
		function motion(){
			startToend == true ? start2end() : end2start();
			current + 1 != json.mouth.length ? setTimeout(motion, 10) :
										startToend == false ? svg.select('#mouth').attr('fill','black')  : false ;
			current++;
			function start2end(){
				frame = json.start2end[current];
        
				 ids.forEach(function(id){
					 id.indexOf('Pupil') == -1 ? setPathData(id) : setEllipseData(id);
				 })
			}
			function end2start(){        
				frame = json.end2start[current];
        
				 ids.forEach(function(id){
					 id.indexOf('Pupil') == -1 ? setPathData(id) : setEllipseData(id);
				 })
			}
			function setPathData(id){
				svg.select('#'+id).attr('d',json[id][frame]);
			}
			function setEllipseData(id){
				var datas = json[id][frame];
				svg.select('#'+id).attr('cx',datas[0]).attr('cy',datas[1]).attr('rx',datas[2]).attr('ry',datas[3])
			}
		}
}


              
            
!
999px

Console