Ohio
to generate a new and unique variation
Every variart piece is open source, you can see exactly how it is drawn from the code.
var color = '#cc0000';
s.rect(0, 0, width, height).attr({fill: color})
ohio = "m 240.27367,111.312 c -0.24241,-4.16675 -3.40339,2.93833 0,0 z m 0.30396,1.8666 c -3.16712,-0.004 0.58889,4.34131 0,0 z m 0.62798,2.49577 c -1.76919,0.78206 -3.58241,2.10976 -2.69076,3.22488 0.23589,-1.1058 4.03524,-2.25715 2.69076,-3.22488 z m 8.28563,4.09887 c -1.01392,1.93833 -2.92526,-1.12733 -3.72661,1.78088 1.66752,1.77215 3.74118,2.75461 3.72661,-1.78088 z m 5.96581,287.06031 c 3.40743,3.01539 7.5398,-0.76228 11.07317,-1.57947 3.59062,0.23951 8.76108,0.0188 8.08248,-5.06017 1.24719,-2.85278 0.16566,-9.84912 4.78585,-8.86218 4.11548,2.37721 5.67817,-3.4118 3.84427,-6.14902 -1.27053,-3.05919 1.45208,-7.46229 -2.33048,-9.78488 -1.07338,-3.92867 6.4115,-4.10851 5.07098,-8.65489 0.074,-3.17787 2.47777,-6.22251 3.88587,-8.93528 2.87302,-0.35547 2.87214,-7.43259 6.03443,-4.08041 0.92842,2.89412 5.66152,1.44951 5.86187,5.48393 3.28079,2.49233 -4.27446,6.07095 1.12309,7.29759 4.31174,0.51979 2.59746,-6.3461 5.8297,-6.35751 0.43118,2.02812 5.36325,3.25548 3.55855,0.27193 -3.77108,-2.28228 2.55634,-6.31596 -1.93273,-8.43371 -2.29125,-1.10436 -2.65141,-5.88139 0.705,-3.38824 3.56898,-1.16574 1.92882,-6.2253 1.33831,-8.92476 1.53723,-1.26324 1.60196,-3.80107 4.19258,-3.65932 0.0288,-2.75505 0.15405,-6.11633 4.16063,-4.89396 2.37182,0.86569 6.36546,1.29872 4.80173,-2.55806 -0.98702,-4.18487 3.46237,-4.68289 5.59186,-6.86798 1.28802,-3.56157 5.71595,-2.81986 5.85167,1.04001 1.88202,5.5074 6.5743,-0.81859 9.77871,-0.98753 4.94817,1.39298 3.46844,-5.95225 8.27121,-5.62491 2.69056,-2.22681 3.4984,-6.22455 6.67684,-8.15179 2.61287,-2.44062 4.48475,-6.15935 8.05803,-7.28049 5.09019,1.14733 1.49663,-6.45653 5.36983,-7.11887 3.37985,-2.18094 -5.36359,-6.57599 -0.10814,-7.90003 3.14514,-1.55994 -0.79456,-6.44202 3.60215,-7.25181 -0.6155,-1.55037 -2.28412,-6.51804 1.34193,-3.9507 3.4962,0.79183 -1.58167,-4.43059 2.2689,-5.08392 -0.001,-3.44496 0.35751,-6.93386 0.48629,-10.33712 3.42728,-1.67736 -0.21587,-7.20144 3.93123,-9.02526 0.46498,-2.81609 0.38712,-5.92352 3.45612,-7.23813 1.08483,-2.6969 1.98531,-5.21322 1.08293,-8.06485 2.05545,-2.33391 -3.88781,-2.78173 -0.27924,-4.36159 0.45579,-3.4691 1.83637,-7.02807 -0.89463,-9.94626 -0.47644,-3.30194 -4.83048,-7.16988 -0.29644,-9.48797 2.37733,-0.3349 6.59605,0.67618 7.70872,-2.40744 -0.003,-40.58081 -0.006,-81.16162 -0.008,-121.742434 -3.95509,0.960894 -7.32558,3.451671 -11.25939,4.634031 -3.71352,1.824644 -7.85019,0.856489 -11.0559,3.639294 -3.95821,2.300486 -8.59131,2.837841 -12.88695,4.291205 -4.3476,1.880774 -8.94782,3.340234 -12.67819,6.373584 -2.04317,2.30224 -4.48194,0.38227 -6.24227,2.00081 -4.13255,2.95704 -8.8206,5.45607 -11.52807,9.94838 -2.8473,2.65341 -5.70937,5.27722 -8.85733,7.61094 -2.79874,1.97519 -5.67295,3.84392 -8.42688,5.88706 -3.19506,0.75084 -6.55641,-0.78621 -9.68121,0.95381 -3.86024,0.5308 -6.89221,-2.61019 -10.61983,-2.47372 -3.6658,0.56031 -6.88357,3.7513 -10.67061,3.19934 -2.56722,2.87318 -6.19917,4.82979 -10.14922,4.39389 -4.499,-0.0834 -7.44447,5.10232 -12.13775,3.97471 -3.34228,-1.63078 -7.04002,-2.62451 -10.18745,-4.71615 -0.85398,-3.12475 -4.80041,-2.37397 -7.23129,-0.80787 -2.02924,0.01 -4.20902,-4.89399 -5.17295,-0.81155 -2.26593,1.39525 -5.14446,2.3337 -7.59762,3.15283 -1.25846,-1.51582 -2.18231,-3.75933 -4.21077,-2.12449 -3.16114,-2.56477 3.71578,-1.07465 3.20797,-4.11615 3.22883,1.26676 6.95698,-1.62441 9.48995,-0.0644 0.33149,-3.29453 7.67459,0.61106 7.38791,-4.12615 -1.26142,-3.03966 -6.53695,1.59995 -7.03947,-0.44406 1.96036,-1.22692 -0.39552,-2.89252 -0.9277,-4.27329 -3.32923,0.0932 -0.16188,5.17482 -3.99121,5.93512 -4.38269,1.69658 -8.2684,-2.19793 -11.01858,-5.08393 -1.94131,-4.18377 -6.74064,-2.56673 -9.90106,-4.89468 -2.1638,-1.34325 -4.09651,-3.20715 -6.43039,-4.17051 -1.94816,1.11601 -2.18012,-4.69961 -3.867,-1.3576 -1.80494,0.0566 -4.89824,0.60736 -6.01778,-0.16804 1.81183,-3.10234 -1.96932,-1.40453 -3.07938,-0.16235 0.10935,-1.91453 2.85362,-5.54966 -0.38361,-3.7533 -19.40335,0.88367 -38.79938,1.95567 -58.20752,2.71638 -10.87112,0.32535 -21.74224,0.6507 -32.61336,0.97606 -0.16162,77.65997 -0.32323,155.31993 -0.48484,232.97991 2.43424,-0.53992 4.50706,-6.33059 6.75245,-1.78551 1.37264,2.844 5.01322,4.05574 7.73329,4.77054 2.16696,-1.54275 4.06384,-2.79099 6.64989,-1.83132 1.58025,-2.58108 5.83808,-2.84774 4.54449,1.09092 -0.44643,4.96035 6.79534,2.3734 8.7643,5.96374 1.90041,3.15088 1.28419,7.29277 4.7486,9.53285 1.51082,3.10807 -1.0975,8.19029 3.27612,9.57844 4.165,0.34816 8.01734,3.58044 12.21709,2.08232 3.85491,-2.19489 7.34298,1.10824 10.99123,1.88669 -0.0786,3.12618 1.68109,4.51654 4.80283,4.58721 0.51721,2.69632 1.37866,5.31913 4.77939,4.84796 2.67132,2.84913 5.93718,1.4677 5.99799,-2.28675 2.27293,-1.40551 5.61073,-2.47816 8.39454,-2.48615 2.25709,2.00564 4.34488,3.64128 7.51987,2.9719 4.01493,0.0221 4.56171,4.53946 7.09776,6.02159 1.76418,-2.15133 3.68539,-3.56437 6.37248,-1.81543 4.00782,1.47999 4.90481,-2.65718 6.57285,-4.96179 4.24723,0.37155 3.77005,-6.49901 8.16424,-4.46226 2.34843,-0.7301 8.34152,-4.83509 7.48954,0.65457 0.12082,3.62338 1.10366,7.20252 1.93263,10.67513 1.62371,3.49022 5.72676,2.49023 8.6281,3.62292 2.9282,2.67182 5.19921,5.96224 8.03773,8.72522 0.44573,1.15363 0.28147,2.5188 1.02752,3.55558 z"
ohio = s.path(ohio).attr({fill: '#fff'})
var boundingBox = ohio.getBBox();
var heartX = intVariable('heartX', Math.floor(boundingBox.x), Math.floor(boundingBox.x2));
var heartY = intVariable('heartY', Math.floor(boundingBox.y), Math.floor(boundingBox.y2));
heart = s.path("M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z")
heart.transform(Snap.format('t{x},{y}s1.5', {x: heartX, y: heartY}))
heart.attr({fill: '#cc0000'})
Copyright © 2014–2025 Kevin Marsh. All rights reserved. Questions? Comments? hello@variart.io