Users/Swapna

From ZCubes Wiki
Jump to navigation Jump to search

<<RENDER MAIN PAGE

<<Additional Examples

<<RENDER 3D EXAMPLES - Swapna

<< Z3 home



ZCubes Render Examples

ZCubes Render feature allows users to make fascinatingly complex drawings and animations by simply using the spreadsheet, array or table features.


Rectangle

RENDER(
	[
		["type","x","y","width","height","fill","stroke"],
		["rect",50,20,150,150,"blue","red"]
	]
	
	);
""

Rectangle.png

Rounded Rectangle

RENDER(
	[
		["type","x","y","rx","ry","width","height","fill","stroke","stroke-width"],
		["rect",50,20,20,20,150,150,"purple","green",5]
	]
	
	);
""

Rounded rectangle.png

Line

RENDER(
	[
		["type","x1","y1","x2","y2","stroke","stroke-width"],
		["line",0,0,200,200,"blue",5]
	]
	
	);
""

Line.png

Circle

RENDER(
	[
		["type","cx","cy","r","stroke","stroke-width","fill"],
		["circle",250,250,50,"green",5,"blue"]
	]
	
	);
""

Render circle.png

Gradient Polygon

RENDER(
	[
		["type","points","stroke","stroke-width","fill"],
		["polygon",[220,10 300,210 170,250 123,234,100,200,140],"red",5,["green","blue","lime"]]
	]
);			
""

Gradient polygon.png

Evenodd fill Star

RENDER(
	[
		["type","points","stroke","stroke-width","fill","fill-rule"],
		["polygon",[100,10 40,198 190,78 10,78 160,198],"orange",5,["lime"],"evenodd"]
	]
);			
""

Evenodd fill star.png


Nonzero fill Star

RENDER(
	[
		["type","points","stroke","stroke-width","fill","fill-rule"],
		["polygon",[100,10 40,198 190,78 10,78 160,198],"orange",5,["lime"],"nonzero"]
	]
);			
""

Nonzero fill star.png

Combined ellipses with dash lined stroke

RENDER(
[
	["type","cx","cy", "rx", "ry","fill","stroke","stroke-dasharray"],
	["ellipse",200,50,180,20,"yellow","black","5,5"],
	["ellipse",180,50,140,15,"white"]
]
	);
""

Ellipses dashoutline.png

Path

1.

RENDER(
[
        ["type"   ,   "size"      ,   "coordinates"                  , "stroke"      , "stroke-width" , "label"],
	["path",,"M 100 350 l 150 -300","red",5,"TEST PATH"],
	["path",,"M 250 50 l 150 300","red",5,],
	["path",,"M 175 200 l 150 0","red",5,]
]
	);
""

Path.png

2.

RENDER(
[
   ["type"   ,   "size"      ,   "coordinates"                  , "stroke"      , "stroke-width" , "label"],
	["path",,"M 100 350 l 150 -300","red",5,"TEST PATH"],
	["path",,"M 250 50 l 150 300","red",5,],
	["path",,"M 175 200 l 150 0","red",5,],
	["path",,"M 100 350 q 150 -300 300 0","blue",5,]
]
	);
""

Path 2.png

Left Indent Image

RENDER
(
[
	["type","coordinates","stroke","stroke-width"],
        ["line",[3,3,48,3],"blue",5],
	["line",[3,19,65,19],"green",5],
	["line",[3,35,48,35],"blue",5],
	["line",[3,51,65,51],"green",5]
	  
      
]
);
""

Left indent.png

Alert icon

RENDER
(
[
	["type","cx","cy","rx","ry","coordinates","fill","stroke","stroke-width"],
        ["ellipse",43,43,40,40,,"yellow","black",5],
	["ellipse",43,65,5,5,,"black","black",5],
	["line",,,,,[43,19,43,48],"black","black",8]
	 
]
);
""

Alert icon.png


Play icon

RENDER
(
[
	["type","cx","cy","rx","ry","coordinates","points","fill","stroke","stroke-width"],
        ["ellipse",43,43,40,40,,,"black","black",5],
	["polygon",,,,,,[35 23, 60 43, 35 63],"red","white",2]
      
]
);
""

Play icon.png

Bezier Curves

RENDER
(
[
	["type","coordinates","fill","stroke","stroke-width"],
	["path", "M 70 10 C 70 20, 110 20, 110 10","transparent","black",5],
	["path", "M 10 10 C 20 20, 40 20, 50 10","transparent","black",5],
	["path", "M 130 10 C 120 20, 180 20, 170 10","transparent","black",5],
	["path", "M 10 60 C 20 80, 40 80, 50 60","transparent","black",5],
	["path", "M 70 60 C 70 80, 110 80, 110 60","transparent","black",5],
	["path", "M 130 60 C 120 80, 180 80, 170 60","transparent","black",5],
	["path", "M 10 110 C 20 140, 40 140, 50 110","transparent","black",5],
	["path", "M 70 110 C 70 140, 110 140, 110 110","transparent","black",5],
	["path", "M 130 110 C 120 140, 180 140, 170 110","transparent","black",5]

]
);
""

Bezier curves.png

Curve and Curved Text

RENDER
(
[
	["type","coordinates","fill","stroke","stroke-width","label"],
	["path", "M 15 15 C 50, 40 80, 30 100,10","transparent","black",5],
	["textpath", "M 20 20 C 65, 50 90, 40 110,20","transparent","blue",2,"This is a curve"]
]
);
""

Curve.png

Rectangles in a line

RENDER(
	[
		["type","x","y","width","height","fill","count"],
		["rect",i=>i*20,	i=>100,			100,50,"red",12]
	]
)			
""

Rectangles in line.png

Elliptical Arcs

RENDER
(
[
	["type","coordinates","fill","stroke","stroke-width"],
	["path","M150,150 a100,100 0 0,0 100,100 z","red","black",4],
	["path","M150,150 a100,100 0 0,0 -100,100 z","green","black",4],
	["path","M150,150 a100,100 0 0,0 -100,-100 z","blue","black",4],
	["path","M150,150 a100,100 0 0,0 100,-100 z","yellow","black",4]
]);
""

Elliptical arcs.png


Polyline-Strokes styles

RENDER
(
[
	["type","points""stroke","stroke-width","stroke-linecap","fill","stroke-linejoin"],
	["polyline","40 60 80 20 120 60","black",20,"butt","none","miter"],
	["polyline","40 140 80 100 120 140","black",20,"round","none","round"],
	["polyline","40 220 80 180 120 220","black",20,"square","none","bevel"]
]
);
""

Polyline Strokes styles.png


fill types: radial, reflect, Pad

RENDER(
	[
		["type","x","y","width","height","fill"],
		["rect",100,70,200,140,["yellow","red","pink","reflect"]],
		["rect",150,100,100,70,["white","pink","green","radial"]]
	]
)	
""

Filltype radial reflect.png


Fill type: Pad

RENDER(
	[
		["type","x","y","width","height","fill"],
		["rect",100,70,200,140,["reflect","yellow","green","pad"]],
	]
)	
""

Filltype pad.png


Circle with spokes

RENDER(
[
	["type","coordinates","fill","stroke","stroke-width"],
	["path","M100 100 a75 75 0 1 1 150 0 a75 75 0 1 1 -150 0","none", ["blue","green","yellow"],10],
	["line",[115,65,225,150],"none","red",5],
	["line",[235,65,123,150],"none","red",5],
	["line",[105,110,245,110],"none","red",5],
	["line",[175,30,175,172],"none","red",5]
]
);
""

Gradient circle spokes.png


Text rotation and font Styles

RENDER
([
	["type","coordinates","size","stroke","transform","label","font-style","font-family"],
	["text",[100,100],"Rotated text","red",{rotation:30},"Straight text","italic","Arial Black Bold"],
	["text",[200,100],"HELLO","lime",{rotation:-90}]
	]
);
""

Text rotation.png


Polygons with fill styles

RENDER(
[
	["type","width","height","stroke","points","fill"],
	["rect",300,100,"green"],
	["polygon",,,"red","0,100 50,25 50,75 100,0"],
	["polygon",,,"red","100,100 150,25 150,75 200,0",["black","white","black","white"]],
	["polygon",,,"red","200,100 250,25 250,75 300,0",["green","yellow","pink"]]
]);
""

Polygon fillstyles.png

Text with Font Styles, Font Size and dasharray

RENDER(
[
	["type","coordinates","size","stroke","stroke-dasharray","font-size","stroke-width","font-style","font-family"],
	["text",[200,100],"TEXT",["green","red","blue"],"10,3","100",5],
	["text",[200,300],"styles",["black","orange"],"10,3","70",3,"italic","script"]
]);
""

Text fontstyles.png

Microsoft logo using ‘group/class’ in the code

mygroup=RENDER(
[
	["id","type","coordinates","width","height","fill","stroke","stroke-width"],
	["","rect",[0,100],100,100,"#01a6f0","white",4],
	 ["","rect",[100,0],100,100,"#7fbc00","white",4]
	]
);


RENDER(
[
	["type","coordinates","width","height","fill","stroke","stroke-width"],
	["rect",[0,0],100,100,"#f34f1c","white",4],
	["rect",[100,100],100,100,"#ffb900","white",4]
],	
mygroup
)
	""

Microsoft logo.png


Pencil Drawing

RENDER(
	[
		["type","x","y","width","height","points","fill","coordinates","label","transform"],
		["rect",100,70,50,500,,["yellow","lightblue"]],
		["polygon", ,,,,[100 70, 150 70, 120 10],"grey"],
		["text",,,,,,,[80,250],"Apsara Pencil",{rotation:90}]
	]
);	
""

Apsara Pencil.png

Cherries

RENDER(
[
	["type","width","height","points","class","fill","stroke","stroke-width","stroke-linecap","stroke-linejoin", "coordinates"],

	["rect","215","274",[0,0,215,274]],
	["path",,,,"stems","none","#7AA20D",8,"round","round","M54.817,169.848c0,0,77.943-73.477,82.528-104.043c4.585-30.566,46.364,91.186,27.512,121.498"],

	["path",,,,"leaf","#7AA20D","#7AA20D",4,"round","round","M134.747,62.926c-1.342-6.078,0.404-12.924,5.762-19.681c11.179-14.098,23.582-17.539,40.795-17.846 c0.007,0,22.115-0.396,26.714-20.031c-2.859,12.205-5.58,24.168-9.774,36.045c-6.817,19.301-22.399,48.527-47.631,38.028 C141.823,75.784,136.277,69.855,134.747,62.926z"],

	["path",,,,"r-cherry","#ED6E46","#ED6E46",12,,,"M164.836,193.136 c1.754-0.12,3.609-0.485,5.649-1.148c8.512-2.768,21.185-6.985,28.181,3.152c15.076,21.845,5.764,55.876-18.387,66.523 c-27.61,12.172-58.962-16.947-56.383-45.005c1.266-13.779,8.163-35.95,26.136-27.478   C155.46,191.738,159.715,193.485,164.836,193.136z"],

	["path",,,,"l-cherry","#ED6E46","#ED6E46",12,,,"M55.99,176.859 c1.736,0.273,3.626,0.328,5.763,0.135c8.914-0.809,22.207-2.108,26.778,9.329c9.851,24.647-6.784,55.761-32.696,60.78 c-29.623,5.739-53.728-29.614-44.985-56.399c4.294-13.154,15.94-33.241,31.584-20.99C47.158,173.415,50.919,176.062,55.99,176.859z"]

]
);
""

Cherries.png


Spiral

RENDER(
	[
		["type","coordinates","fill","stroke","stroke-width"],
		["path","M153 334 C153 334 151 334 151 334 C151 339 153 344 156 344 C164 344 171 339 171 334 C171 322 164 314 156 314 C142 314 131 322 131 334 C131 350 142 364 156 364 C175 364 191 350 191 334 C191 311 175 294 156 294 C131 294 111 311 111 334 C111 361 131 384 156 384 C186 384 211 361 211 334 C211 300 186 274 156 274","white","red",2]
	]
);
""

Spiral.png

Inserting an image

RENDER(
[
	["type","x","y","width","height","fill"],
	["rect",90,65,200,200,"https://developer.mozilla.org/static/img/favicon144.png"]
]);
""

Mozilla logo.png


Lotto Ball No. 1

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
	["circle",100,100,60,,,"purple","purple"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"1",,"black",3,40]
]);
""

Lotto ball 1.png


Lotto Ball No. 2

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
        ["circle",100,100,60,,,"red","red"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"2",,"black",3,40]
]);
""

Lotto ball 2.png


Lotto Ball No. 10

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
	["circle",100,100,60,,,"#ff5E8A","#ff5E8A"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"10",,"black",3,40]
]);
""

Lotto ball 10.png


Maple Leaf

RENDER(
[
	["type","x1","y1","x2","y2","stroke","stroke_width"],
	["line","395","400","405","400","rgb(255,0,0)","2"],
	["line","402","350","405","400","rgb(255,0,0)","2"],
	["line","398","350","395","400","rgb(255,0,0)","2"],
	 ["line","340","357","398","350","rgb(255,0,0)","2"],
	["line","402","350","460","357","rgb(255,0,0)","2"],
	["line","460","357","448","345","rgb(255,0,0)","2"],
	["line","340","357","352","345","rgb(255,0,0)","2"],
	["line","448","345","500","300","rgb(255,0,0)","2"],
	["line","352","345","304","300","rgb(255,0,0)","2"],
	["line","488","296","500","300","rgb(255,0,0)","2"],
	["line","316","296","304","300","rgb(255,0,0)","2"],
	["line","488","296","500","270","rgb(255,0,0)","2"],
	["line","304","270","316","296","rgb(255,0,0)","2"],
	["line","475","272","500","270","rgb(255,0,0)","2"],
 	["line","304","270","329","272","rgb(255,0,0)","2"],
 	["line","329","272","332","260","rgb(255,0,0)","2"],
 	["line","472","260","475","272","rgb(255,0,0)","2"],
	["line","332","260","362","287","rgb(255,0,0)","2"],
  	["line","332","260","362","287","rgb(255,0,0)","2"],
    	["line","472","260","442","287","rgb(255,0,0)","2"],
   	["line","362","287","355","232","rgb(255,0,0)","2"], 
	["line","447","232","442","287","rgb(255,0,0)","2"],
  	["line","355","232","380","242","rgb(255,0,0)","2"],
    	["line","420","242","447","232","rgb(255,0,0)","2"],
   	["line","380","242","400","212","rgb(255,0,0)","2"], 
	["line","400","212","420","242","rgb(255,0,0)","2"]
	]);
	""

Maple leaf.png


Snowflake 1

RENDER(
	[
		["type","fill","points"],
		["polygon", "#ffffff" ,"71.538,62.283 71.574,62.217 74.732,64.914 79.784,66.506 75.758,63.064 71.796,61.818 71.833,61.752 74.822,62.484 79.008,61.805 74.89,60.795 72.104,61.246 67.778,58.85 73.158,57.305 72.77,55.955 66.04,57.887 63.581,56.523 67.809,55.311 67.422,53.961 61.845,55.561 59.385,54.197 68.305,51.641 67.919,50.292 57.649,53.236 51.769,49.978 53.579,48.912 53.579,48.912 57.562,46.566 67.904,49.246 68.256,47.886 59.274,45.558 61.695,44.134 67.354,45.599 67.706,44.24 63.408,43.126 65.831,41.702 72.769,43.498 73.12,42.138 67.54,40.694 71.807,38.184 74.601,38.565 78.69,37.447 74.488,36.874 71.52,37.686 71.481,37.622 75.41,36.272 79.346,32.728 74.336,34.447 71.25,37.228 71.211,37.162 73.362,34.959 74.902,31.011 71.939,34.042 70.916,36.671 66.65,39.182 68.054,33.762 66.695,33.41 64.939,40.188 62.517,41.615 63.621,37.358 62.263,37.004 60.807,42.622 58.383,44.047 60.711,35.065 59.35,34.713 56.673,45.054 50.879,48.465 50.879,46.365 50.879,46.365 50.879,41.74 58.431,34.186 57.438,33.195 50.879,39.756 50.879,36.944 55.01,32.813 54.017,31.821 50.879,34.959 50.879,32.148 55.945,27.081 54.951,26.087 50.879,30.163 50.879,25.214 52.624,22.999 53.734,18.909 51.11,22.238 50.303,25.208 50.228,25.208 51.058,21.139 50.001,15.949 48.941,21.139 49.771,25.208 49.695,25.208 48.888,22.238 46.266,18.909 47.377,22.999 49.121,25.214 49.121,30.163 45.164,26.205 44.171,27.198 49.121,32.148 49.121,34.959 46.013,31.849 45.019,32.842 49.121,36.944 49.121,39.756 42.562,33.195 41.568,34.186 49.121,41.74 49.121,48.511 47.245,47.471 47.244,47.471 43.201,45.23 40.255,34.96 38.906,35.347 41.465,44.268 39.007,42.906 37.395,37.288 36.045,37.675 37.27,41.942 34.81,40.581 32.833,33.691 31.484,34.077 33.073,39.618 28.745,37.219 	27.653,34.618 24.613,31.665 26.254,35.573 28.463,37.718 28.426,37.786 25.268,35.086 20.216,33.494 24.241,36.936 28.203,38.183 28.167,38.25 25.177,37.515 20.993,38.195 25.111,39.208 27.896,38.755 32.223,41.153 26.842,42.696 27.229,44.045 33.959,42.114 36.418,43.478 32.191,44.69 32.577,46.039 38.155,44.44 40.614,45.801 31.693,48.361 32.082,49.711 42.351,46.764 48.23,50.023 46.421,51.088 46.421,51.088 42.438,53.434 32.096,50.756 31.743,52.115 40.727,54.439 38.303,55.867 32.646,54.402 32.295,55.762 36.593,56.875 34.169,58.301 27.23,56.504 26.88,57.861 32.459,59.307 28.194,61.818 25.399,61.438 21.311,62.555 25.51,63.127 28.48,62.314 28.518,62.379 24.59,63.73 20.653,67.275 25.663,65.553 28.751,62.773 28.789,62.838 26.638,65.039 25.098,68.99 28.061,65.957 29.085,63.328 33.349,60.82 31.945,66.238 33.305,66.59 35.06,59.811 37.482,58.387 36.379,62.645 37.738,62.996 39.193,57.379 41.616,55.951 39.29,64.936 40.648,65.287 43.327,54.947 49.121,51.537 49.121,53.637 49.121,53.637 49.121,58.26 41.568,65.812 42.562,66.807 49.121,60.246 49.121,63.057 44.991,67.189 45.982,68.182 49.121,65.041 49.121,67.854 44.055,72.92 45.047,73.912 49.121,69.838 49.121,74.785 47.377,77.002 46.266,81.094 48.889,77.762 49.696,74.791 49.771,74.791 48.941,78.863 	49.999,84.051 51.059,78.863 50.228,74.791 50.305,74.791 51.112,77.762 53.734,81.094 52.624,77.002 50.879,74.783 50.879,69.838 54.835,73.797 55.829,72.803 50.879,67.854 50.879,65.041 53.988,68.15 54.979,67.158 50.879,63.057 50.879,60.246 57.438,66.807 58.431,65.812 50.879,58.26 50.879,51.49 52.755,52.531 52.755,52.531 56.8,54.77 59.745,65.039 61.094,64.652 58.535,55.734 60.995,57.096 62.606,62.713 63.955,62.326 62.729,58.059 65.189,59.422 67.166,66.311 68.516,65.922 66.928,60.383 71.254,62.783 72.347,65.383 75.387,68.338 73.744,64.428 "]
	
]
	);
""

Snowflake 1.png


Snowflake 2

RENDER(
	[
		["type","fill","coordinates","stroke"],
		["path", "#ffffff" ,"M50.015,50.021l21.194-4.548l2.453-7.92l-7.92-2.454L50.022,50l5.858-20.875l-5.864-5.862 l-5.861,5.862l5.854,20.855l-15.43-15.233l-7.967,2.294l2.292,7.966l21.082,4.974l-21.196,4.546l-2.453,7.921l7.921,2.454 l15.72-14.902l-5.86,20.876l5.861,5.862l5.863-5.862l-5.854-20.854l15.432,15.23l7.967-2.292l-2.293-7.968L50.015,50.021z		 M66.512,38.399l3.49,1.082l-1.082,3.491l-9.348,2.004L66.512,38.399z M31.241,42.555l-1.01-3.513l3.512-1.011l6.805,6.718 L31.241,42.555z M33.487,61.6l-3.491-1.082l1.08-3.49l9.35-2.005L33.487,61.6z M47.435,29.981l2.583-2.584l2.584,2.584 l-2.582,9.205L47.435,29.981z M52.562,70.019L49.979,72.6l-2.582-2.581l2.584-9.205L52.562,70.019z M49.987,50.014l-0.005-0.019 l0.012-0.013l0.019,0.003l0.004,0.02l-0.013,0.012L49.987,50.014z M66.256,61.967l-6.805-6.716l9.305,2.193l1.01,3.513 L66.256,61.967z","blue"]
	
]
	);
""

Snowflake 2.png


Snowflake 3

RENDER(
	[
		["type","fill","points","coordinates","stroke"],
		
		["path", "#ffffff" ,,"M59.56,25.932l-0.102-0.401c-0.19-0.74-0.874-1.203-1.528-1.036l-2.819,0.724l3.031-3.032 c0.538-0.54,0.538-1.416,0-1.957l-0.295-0.293c-0.541-0.541-1.417-0.541-1.957,0l-4.194,4.192v-5.881 c0-0.765-0.619-1.384-1.382-1.384h-0.415c-0.767,0-1.387,0.619-1.387,1.384v5.881l-4.191-4.192c-0.542-0.541-1.416-0.541-1.958,0 l-0.293,0.293c-0.542,0.541-0.542,1.417,0,1.957l3.104,3.103l-3.101-0.794c-0.654-0.167-1.338,0.296-1.528,1.036l-0.104,0.401 c-0.188,0.741,0.186,1.478,0.839,1.646l8.347,2.142c0.126,0.032,0.252,0.04,0.375,0.027c0.125,0.013,0.251,0.005,0.377-0.027 l8.343-2.142C59.375,27.409,59.752,26.673,59.56,25.932z"],
		
		["path","#ffffff",,"M50,38.361l-10.084,5.823v11.646L50,61.653l10.084-5.822V44.185L50,38.361z M53.526,57.497 L50,54.237l-3.526,3.26l0.35-4.79l-4.748-0.726l3.962-2.712l-2.392-4.165l4.591,1.407L50,42.046l1.762,4.466l4.593-1.407		l-2.395,4.165l3.963,2.712l-4.748,0.726L53.526,57.497z"],
		
	["polygon","#ffffff","50,37.588 45.324,32.91 50,30.592 54.678,32.91"],
	["path","#ffffff",,"M40.44,74.066l0.104,0.403c0.19,0.74,0.874,1.204,1.528,1.035l2.82-0.723l-3.032,3.031	c-0.54,0.541-0.54,1.417,0,1.958l0.295,0.294c0.54,0.539,1.416,0.539,1.959,0l4.188-4.195v5.882c0,0.765,0.623,1.385,1.389,1.385 h0.413c0.766,0,1.384-0.62,1.384-1.385V75.87l4.194,4.195c0.539,0.539,1.414,0.539,1.958,0l0.291-0.294		c0.54-0.541,0.54-1.417,0-1.958l-3.101-3.103l3.098,0.794c0.655,0.169,1.339-0.295,1.529-1.035l0.102-0.403	c0.192-0.74-0.185-1.478-0.839-1.645l-8.343-2.142c-0.126-0.032-0.252-0.04-0.377-0.029c-0.123-0.011-0.252-0.003-0.375,0.029 l-8.347,2.142C40.625,72.589,40.251,73.326,40.44,74.066z"],
		
	["polygon","#ffffff","50,62.41 54.678,67.088 50,69.405 45.324,67.088 	"],
		
	["path","#ffffff",,"M34.004,29.634l-0.401-0.112c-0.733-0.208-1.479,0.149-1.661,0.798l-0.793,2.804l-1.097-4.146 c-0.195-0.738-0.954-1.178-1.692-0.984L27.958,28.1c-0.74,0.196-1.18,0.954-0.983,1.693l1.516,5.732l-5.084-2.957		c-0.66-0.383-1.508-0.161-1.893,0.5l-0.209,0.359c-0.385,0.662-0.16,1.51,0.5,1.892l5.086,2.959l-5.735,1.516	c-0.738,0.195-1.18,0.953-0.983,1.693l0.106,0.401c0.194,0.737,0.953,1.18,1.69,0.982l4.244-1.122l-2.247,2.28	c-0.475,0.48-0.415,1.306,0.128,1.842l0.296,0.292c0.545,0.538,1.369,0.582,1.845,0.101l6.047-6.137 c0.091-0.092,0.161-0.196,0.213-0.31c0.072-0.102,0.13-0.215,0.164-0.34l2.345-8.29C35.187,30.537,34.74,29.843,34.004,29.634z"],
		
	["polygon","#ffffff","39.273,43.759 32.877,45.45 33.226,40.243 37.581,37.365 	"],
		
	["path","#ffffff",,"M65.996,70.365l0.399,0.112c0.736,0.208,1.48-0.149,1.665-0.799l0.791-2.802l1.097,4.145	c0.195,0.739,0.952,1.179,1.692,0.983l0.401-0.106c0.739-0.195,1.18-0.952,0.985-1.691l-1.519-5.734l5.087,2.959		c0.659,0.383,1.505,0.157,1.892-0.501l0.208-0.36c0.383-0.659,0.16-1.508-0.501-1.892l-5.084-2.957l5.733-1.517		c0.737-0.195,1.179-0.953,0.985-1.692l-0.107-0.401c-0.194-0.74-0.954-1.18-1.693-0.984l-4.24,1.123l2.246-2.28		c0.474-0.48,0.416-1.306-0.129-1.843l-0.298-0.29c-0.539-0.536-1.367-0.582-1.841-0.103l-6.049,6.138		c-0.091,0.091-0.161,0.197-0.214,0.311c-0.071,0.101-0.129,0.214-0.164,0.34l-2.344,8.29C64.812,69.462,65.26,70.156,65.996,70.365		z"],
		
	["polygon","#ffffff","60.729,56.24 67.123,54.549 66.774,59.757 62.419,62.635 	"],
	 
	["path","#ffffff",,"M24.35,53.565l-0.298,0.289c-0.549,0.53-0.617,1.354-0.147,1.84l2.021,2.096l-4.133-1.141	c-0.736-0.203-1.499,0.229-1.703,0.968l-0.109,0.398c-0.203,0.737,0.229,1.501,0.966,1.705l5.718,1.575l-5.116,2.903	c-0.663,0.377-0.896,1.222-0.519,1.887l0.205,0.36c0.376,0.664,1.22,0.899,1.886,0.521l5.116-2.903l-1.578,5.718	c-0.204,0.737,0.229,1.498,0.966,1.703l0.401,0.11c0.736,0.203,1.5-0.23,1.702-0.967l1.167-4.231l0.838,3.088	c0.176,0.652,0.918,1.018,1.655,0.817l0.401-0.108c0.737-0.201,1.193-0.891,1.015-1.541l-2.255-8.315	c-0.034-0.125-0.089-0.239-0.16-0.342c-0.051-0.114-0.121-0.22-0.21-0.313l-5.984-6.199C25.728,52.997,24.9,53.034,24.35,53.565z"],
	 
	["polygon","#ffffff","39.208,56.127 37.448,62.502 33.123,59.58 32.831,54.367 "],
	 
	["path","#ffffff",,"M75.648,46.435l0.299-0.29c0.551-0.529,0.617-1.354,0.148-1.84l-2.021-2.095l4.133,1.14	c0.738,0.203,1.499-0.23,1.702-0.966l0.109-0.4c0.204-0.737-0.229-1.499-0.966-1.702l-5.716-1.576l5.114-2.905	c0.664-0.376,0.896-1.223,0.52-1.888l-0.204-0.36c-0.377-0.665-1.221-0.898-1.889-0.521l-5.113,2.904l1.576-5.717	c0.202-0.737-0.229-1.5-0.967-1.702l-0.399-0.109c-0.737-0.204-1.501,0.229-1.703,0.966l-1.167,4.229l-0.837-3.089	c-0.178-0.65-0.919-1.017-1.657-0.815l-0.401,0.107c-0.735,0.201-1.19,0.891-1.015,1.542l2.257,8.314 c0.034,0.126,0.088,0.24,0.16,0.343c0.052,0.112,0.121,0.22,0.212,0.312l5.981,6.2C74.272,47.001,75.099,46.965,75.648,46.435z"],
	 
	["polygon","#ffffff","60.793,43.874 62.553,37.496 66.877,40.421 67.169,45.632"]

]
	);
""

Snowflake 3.png


Snowflake 4

RENDER(
	[
		["type","fill","points","coordinates","stroke"],
		
		["polygon","#ffffff","45.751,31.6 47.015,34.621 50.001,37.079 48.737,34.059 	"],
		["polygon","#ffffff","54.249,31.603 51.264,34.059 50.001,37.079 52.986,34.623 	"],
		["polygon","#ffffff","50.001,29.417 48.797,33.249 50.001,37.079 51.205,33.249 	"],
		["polygon","#ffffff","42.811,20.12 44.949,25.229 50.001,29.388 47.862,24.279 	"],
		["polygon","#ffffff","57.189,20.12 52.14,24.279 50.001,29.388 55.052,25.23 	"],
		["polygon","#ffffff","50.001,16.423 47.964,22.906 50.001,29.388 52.038,22.906 	"],
		["polygon","#ffffff","42.811,40.737 44.949,45.845 50.001,50.006 47.862,44.898 	"],
		["polygon","#ffffff","57.189,40.738 52.14,44.898 50.001,50.006 55.052,45.848 	"],
		["polygon","#ffffff","50.001,37.041 47.964,43.525 50.001,50.006 52.038,43.525 	"],
		["polygon","#ffffff","32.298,50.001 38.78,52.039 45.262,50.001 38.78,47.964 	"],
		["polygon","#ffffff","54.193,50.001 60.675,52.039 67.157,50.001 60.675,47.964 	"],
		["polygon","#ffffff","54.249,68.398 52.985,65.381 49.999,62.922 51.263,65.941 	"],
		["polygon","#ffffff","45.751,68.398 48.736,65.941 49.999,62.922 47.015,65.379 	"],
		["polygon","#ffffff","49.999,70.584 51.203,66.754 49.999,62.922 48.795,66.754 	"],
		["polygon","#ffffff","57.189,79.881 55.051,74.773 49.999,70.613 52.14,75.725 	"],
		["polygon","#ffffff","42.811,79.881 47.86,75.725 49.999,70.613 44.948,74.771 	"],
		["polygon","#ffffff","49.999,83.576 52.036,77.094 49.999,70.613 47.962,77.094 	"],
		["polygon","#ffffff","57.189,59.266 55.051,54.154 49.999,49.997 52.14,55.105 	"],
		["polygon","#ffffff","42.811,59.264 47.86,55.105 49.999,49.997 44.948,54.154 	"],
		["polygon","#ffffff","49.999,62.959 52.036,56.479 49.999,49.997 47.962,56.479 	"],
		["polygon","#ffffff","31.981,44.352 35.225,44.791 38.856,43.458 35.611,43.02 	"],
	["polygon","#ffffff","36.283,37.024 36.893,40.841 38.856,43.458 38.248,39.642 	"],
	["polygon","#ffffff","32.249,39.581 34.942,42.558 38.856,43.458 36.161,40.483 	"],
	["polygon","#ffffff","20.59,41.075 26.08,41.817 32.224,39.567 26.734,38.825 	"],
	["polygon","#ffffff","27.869,28.673 28.898,35.136 32.224,39.567 31.194,33.106 	"],
	["polygon","#ffffff","21.045,33.004 25.602,38.041 32.224,39.567 27.664,34.529 	"],
	["polygon","#ffffff","38.824,43.441 43.383,48.478 50.004,50.003 45.446,44.963 	"],
	["polygon","#ffffff","68.019,55.65 64.775,55.211 61.146,56.543 64.389,56.98 	"],
	["polygon","#ffffff","63.717,62.979 63.108,59.16 61.146,56.543 61.753,60.359 	"],
	["polygon","#ffffff","67.753,60.42 65.057,57.445 61.146,56.543 63.839,59.521 	"],
	["polygon","#ffffff","79.41,58.926 73.921,58.186 67.777,60.438 73.267,61.178 	"],
	["polygon","#ffffff","72.132,71.328 71.102,64.865 67.777,60.438 68.806,66.895 	"],
	["polygon","#ffffff","78.957,66.998 74.398,61.961 67.777,60.438 72.336,65.475 	"],
	["polygon","#ffffff","61.177,56.561 56.617,51.525 49.996,49.999 54.555,55.037 	"],
	["polygon","#ffffff","36.228,62.92 38.202,60.311 38.827,56.494 36.853,59.105 	"],
	["polygon","#ffffff","31.958,55.574 35.582,56.918 38.827,56.494 35.204,55.148 	"],
	["polygon","#ffffff","32.204,60.344 36.12,59.461 38.827,56.494 34.91,57.379 	"],
	["polygon","#ffffff","27.779,71.232 31.121,66.816 32.179,60.359 28.835,64.775 	"],
	["polygon","#ffffff","20.553,58.803 26.687,61.078 32.179,60.359 26.045,58.082 	"],
	["polygon","#ffffff","20.972,66.873 27.599,65.377 32.179,60.359 25.551,61.854 	"],
	["polygon","#ffffff","38.796,56.512 45.424,55.018 50.003,49.998 43.376,51.494 	"],
	["polygon","#ffffff","63.772,37.081 61.798,39.693 61.173,43.506 63.147,40.897 	"],
	["polygon","#ffffff","68.042,44.428 64.419,43.083 61.173,43.506 64.796,44.854 	"],
	["polygon","#ffffff","67.796,39.658 63.88,40.542 61.173,43.506 65.09,42.625 	"],
	["polygon","#ffffff","72.222,28.768 68.879,33.185 67.821,39.642 71.163,35.225 	"],
	["polygon","#ffffff","79.447,41.201 73.313,38.922 67.821,39.642 73.955,41.92 	"],
	["polygon","#ffffff","79.03,33.128 72.402,34.625 67.821,39.642 74.45,38.147 	"],
	["polygon","#ffffff","61.204,43.49 54.578,44.986 49.996,50.004 56.626,48.508 	"]
		]
	);""

Snowflake 4.png


CoDrops

RENDER(
	[
		["type"	,"stroke","fill", "width","height", "coordinates","material","count"],
		["rect",,"none","25","30"],
		["path",,"blue",,,"M22.63,18.261c-0.398-3.044-2.608-6.61-4.072-9.359c-1.74-3.271-3.492-5.994-5.089-8.62l0,0   c-1.599,2.623-3.75,6.117-5.487,9.385c0.391,0.718,0.495,1.011,0.889,1.816c0.143,0.294,0.535,1.111,0.696,1.43   c0.062-0.114,0.582-1.052,0.643-1.162c0.278-0.506,0.54-0.981,0.791-1.451c0.823-1.547,1.649-2.971,2.469-4.33   c0.817,1.359,1.646,2.783,2.468,4.33c0.249,0.47,0.513,0.946,0.791,1.453c1.203,2.187,2.698,4.906,2.96,6.895   c0.292,2.237-0.259,4.312-1.556,5.839c-1.171,1.376-2.824,2.179-4.663,2.263c-1.841-0.084-3.493-0.887-4.665-2.263   c-0.16-0.192-0.311-0.391-0.448-0.599c-0.543,0.221-1.127,0.346-1.735,0.365c-0.56-0.019-1.095-0.127-1.599-0.313   c1.448,3.406,4.667,5.66,8.447,5.78C19.086,29.537,23.469,24.645,22.63,18.261z"],
    ["path",,"red",,,"M6.177,11.659c0.212,0.367,0.424,0.747,0.635,1.136c0.164,0.303,0.333,0.606,0.512,0.927   c0.683,1.225,1.618,2.898,1.755,3.937c0.144,1.073-0.111,2.056-0.716,2.769c-0.543,0.641-1.315,1.014-2.186,1.067   c-0.87-0.054-1.643-0.43-2.186-1.067c-0.604-0.713-0.858-1.695-0.715-2.771c0.137-1.036,1.072-2.712,1.755-3.936   c0.18-0.32,0.349-0.623,0.513-0.927C5.752,12.404,5.964,12.026,6.177,11.659 M6.177,5.966L6.177,5.966   c-1.02,1.649-2.138,3.363-3.247,5.419c-0.932,1.728-2.344,3.967-2.598,5.88c-0.535,4.014,2.261,7.09,5.846,7.203   c3.583-0.113,6.379-3.189,5.845-7.203c-0.255-1.912-1.666-4.152-2.598-5.88C8.314,9.329,7.196,7.617,6.177,5.966L6.177,5.966z"]
		]
	);
""

Codrops.png

Corona

RENDER(
[
	["type","cx","cy","r","stroke","stroke-width","fill","x","y","width","height","coordinates","rx","ry"],
	["circle",100,100,60,"black",5,"white"],
	["circle",120,80,6,"black",4,"black"],
	["circle",70,100,6,"black",4,"black"],
	["circle",80,70,6,"black",4,"black"],
	["circle",70,130,6,"black",4,"black"],
	["circle",110,130,6,"black",4,"black"],
	["circle",140,100,6,"black",4,"black"],
	["circle",120,54,6,"black",4,"black"],
	["circle",48,100,6,"black",4,"black"],
	["circle",140,136,6,"black",4,"black"],
	
	["rect",,,,"black",4,,98,18,4,20],
	["rect",,,,"black",4,,98,162,4,20],
	["rect",,,,"black",4,,160,98,20,4],
	["rect",,,,"black",4,,20,98,20,4],
	
	["line",,,,"black",6,,,,,,[145,58,165,38]],
	["line",,,,"black",6,,,,,,[138,148,158,168]],
	["line",,,,"black",6,,,,,,[60,148,40,168]],
	["line",,,,"black",6,,,,,,[64,50,44,30]],
	
	["ellipse",165,38,,"black",4,,,,,,,6,6],
	["ellipse",158,168,,"black",4,,,,,,,6,6],
	["ellipse",40,168,,"black",4,,,,,,,6,6],
	["ellipse",44,30,,"black",4,,,,,,,6,6],
	["ellipse",100,188,,"black",4,,,,,,,6,6],
	["ellipse",100,10,,"black",4,,,,,,,6,6],
	["ellipse",182,98,,"black",4,,,,,,,6,6],
	["ellipse",15,98,,"black",4,,,,,,,6,6],
	
	["line",,,,"black",6,,,,,,[120,45,135,5]],
	["line",,,,"black",6,,,,,,[120,158,130,198]],
	["line",,,,"black",6,,,,,,[50,128,10,140]],
	["line",,,,"black",6,,,,,,[50,70,18,50]],
	["line",,,,"black",6,,,,,,[75,154,50,200]],
	["line",,,,"black",6,,,,,,[155,128,190,140]],
	["line",,,,"black",6,,,,,,[155,78,195,60]],
	
	["ellipse",135,5,,"black",4,,,,,,,6,6],
	["ellipse",130,198,,"black",4,,,,,,,6,6],
	["ellipse",10,140,,"black",4,,,,,,,6,6],
	["ellipse",18,50,,"black",4,,,,,,,6,6],
	["ellipse",50,200,,"black",4,,,,,,,6,6],
	["ellipse",190,140,,"black",4,,,,,,,6,6],
	["ellipse",195,60,,"black",4,,,,,,,6,6],

	]
	);
""

Corona.png

house

RENDER(
	[
		["type","x","y","width","height","coordinates","stroke","fill","stroke-width","cx","cy","r","stroke-linecap","rx","ry"],
		["rect",100,100,150,170,,"brown","black"],
		["rect",155,190,40,80,,"white","white"],
		["circle",,,,,,"white",,"12",175,140,20],
		["line",,,,,[175,20,70,160],"black",,30,,,,"round"],
		["line",,,,,[175,20,280,160],"black",,30,,,,"round"],
		["rect",235,50,15,70,,"black","black"],
		["ellipse",,,,,,"black","green",,155,280,,,200,20]
		
	]);
""

House.png


Donut with icing

RENDER(
	[	["type","width","height","fill","stroke","coordinates","cx","cy","r"],
		 ["viewbox","204","203"],
		 ["path",,,"pink",,"M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 M0,100 L0,156.203125 C0,159.048145 2.12004279,161.359375 4.63917526,161.359375 C7.35102845,161.359375 9.47049623,159.052855 9.27835052,156.203125 L9.27835052,148.46875 C9.4934916,145.61902 11.6018043,143.3125 14.4329897,143.3125 C16.8052584,143.3125 18.9141431,145.62373 19.0721649,148.46875 L19.0721649,156.203125 L19.0721649,168.0625 C18.9141431,170.90752 21.0230278,173.21875 23.7113402,173.21875 C26.2264819,173.21875 28.3347946,170.91223 28.3505155,168.0625 L28.3505155,161.359375 L28.3505155,154.140625 C28.3347946,151.291053 30.4431073,148.984375 32.9896907,148.984375 C35.6465615,148.984375 37.7554461,151.295764 37.628866,154.140625 L37.628866,193.84375 C37.7554461,196.68877 39.8643308,199 42.2680412,199 C45.067785,199 47.1760977,196.69348 47.4226804,193.84375 L47.4226804,131.453125 C47.1760977,128.603395 49.2844103,126.296875 52.0618557,126.296875 C54.4878645,126.296875 56.5967492,128.608105 56.7010309,131.453125 L56.7010309,176.3125 C56.5967492,179.15752 58.7056338,181.46875 61.3402062,181.46875 C63.909088,181.46875 66.0174007,179.16223 65.9793814,176.3125 L65.9793814,141.765625 C66.0174007,138.916053 68.1257134,136.609375 70.6185567,136.609375 C73.3291675,136.609375 75.4380522,138.920764 75.257732,141.765625 L75.257732,160.84375 C75.4380522,163.688611 77.5469369,166 79.8969072,166 C82.750391,166 84.8587037,163.693322 85.0515464,160.84375 L85.0515464,153.625 C84.8587037,150.775428 86.9670164,148.46875 89.6907216,148.46875 C92.1704706,148.46875 94.2793552,150.780139 94.3298969,153.625 L94.8453608,187.140625 C94.8027248,189.985486 97.14593,192.296875 100,192.296875 C102.927546,192.296875 105.270115,189.990197 105.154639,187.140625 L104.639175,149.5 C104.746746,145.61902 106.855058,143.3125 109.278351,143.3125 C112.058513,143.3125 114.167397,145.62373 113.917526,148.46875 L113.917526,168.0625 C114.167397,170.90752 116.276282,173.21875 119.072165,173.21875 C121.479736,173.21875 123.588049,170.91223 123.71134,168.0625 L123.71134,161.359375 L123.71134,154.140625 C123.588049,151.291053 125.696362,148.984375 128.350515,148.984375 C130.899816,148.984375 133.0087,151.295764 132.989691,154.140625 L132.989691,193.84375 C133.0087,196.68877 135.117585,199 137.628866,199 C140.321039,199 142.429352,196.69348 142.268041,193.84375 L142.268041,138.671875 L142.268041,131.453125 C142.429352,128.603395 144.537665,126.296875 146.907216,126.296875 C149.741119,126.296875 151.850003,128.608105 152.061856,131.453125 L152.061856,139.1875 L152.061856,171.15625 C151.850003,174.00127 153.958888,176.3125 156.701031,176.3125 C159.162342,176.3125 161.270655,174.00598 161.340206,171.15625 L161.340206,144.859375 L161.340206,141.765625 C161.270655,138.916053 163.378968,136.609375 165.979381,136.609375 C168.582422,136.609375 170.691306,138.920764 170.618557,141.765625 L170.618557,144.859375 L170.618557,176.3125 C170.629257,179.157361 172.738142,181.46875 175.257732,181.46875 C177.941596,181.46875 180.049909,179.162072 179.896907,176.3125 L179.896907,153.625 C180.111958,150.775428 182.220271,148.46875 185.051546,148.46875 C187.423725,148.46875 189.532609,150.780139 189.690722,153.625 L189.690722,163.421875 C189.532609,166.266736 191.875815,168.578125 194.845361,168.578125 C197.65743,168.578125 200,166.271447 200,163.421875 L200,100"],

        ["circle",,,"pink","red",,"100","100","100"],
        ["path",,,,"#302434","M180,160 C180.163288,159.782085 185.314605,152.363686 187,149 L180,160 Z M48,185 C63.1555058,194.519493 80.9387639,200 99.9750338,200 C111.534055,200 122.652906,197.969392 133,194.15209"],
         ["path",,,,"302434","M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 M0,100 L0,156.203125 C0,159.048145 2.12004279,161.359375 4.63917526,161.359375 C7.35102845,161.359375 9.47049623,159.052855 9.27835052,156.203125 L9.27835052,148.46875 C9.4934916,145.61902 11.6018043,143.3125 14.4329897,143.3125 C16.8052584,143.3125 18.9141431,145.62373 19.0721649,148.46875 L19.0721649,156.203125 L19.0721649,168.0625 C18.9141431,170.90752 21.0230278,173.21875 23.7113402,173.21875 C26.2264819,173.21875 28.3347946,170.91223 28.3505155,168.0625 L28.3505155,161.359375 L28.3505155,154.140625 C28.3347946,151.291053 30.4431073,148.984375 32.9896907,148.984375 C35.6465615,148.984375 37.7554461,151.295764 37.628866,154.140625 L37.628866,193.84375 C37.7554461,196.68877 39.8643308,199 42.2680412,199 C45.067785,199 47.1760977,196.69348 47.4226804,193.84375 L47.4226804,131.453125 C47.1760977,128.603395 49.2844103,126.296875 52.0618557,126.296875 C54.4878645,126.296875 56.5967492,128.608105 56.7010309,131.453125 L56.7010309,176.3125 C56.5967492,179.15752 58.7056338,181.46875 61.3402062,181.46875 C63.909088,181.46875 66.0174007,179.16223 65.9793814,176.3125 L65.9793814,141.765625 C66.0174007,138.916053 68.1257134,136.609375 70.6185567,136.609375 C73.3291675,136.609375 75.4380522,138.920764 75.257732,141.765625 L75.257732,160.84375 C75.4380522,163.688611 77.5469369,166 79.8969072,166 C82.750391,166 84.8587037,163.693322 85.0515464,160.84375 L85.0515464,153.625 C84.8587037,150.775428 86.9670164,148.46875 89.6907216,148.46875 C92.1704706,148.46875 94.2793552,150.780139 94.3298969,153.625 L94.8453608,187.140625 C94.8027248,189.985486 97.14593,192.296875 100,192.296875 C102.927546,192.296875 105.270115,189.990197 105.154639,187.140625 L104.639175,149.5 C104.746746,145.61902 106.855058,143.3125 109.278351,143.3125 C112.058513,143.3125 114.167397,145.62373 113.917526,148.46875 L113.917526,168.0625 C114.167397,170.90752 116.276282,173.21875 119.072165,173.21875 C121.479736,173.21875 123.588049,170.91223 123.71134,168.0625 L123.71134,161.359375 L123.71134,154.140625 C123.588049,151.291053 125.696362,148.984375 128.350515,148.984375 C130.899816,148.984375 133.0087,151.295764 132.989691,154.140625 L132.989691,193.84375 C133.0087,196.68877 135.117585,199 137.628866,199 C140.321039,199 142.429352,196.69348 142.268041,193.84375 L142.268041,138.671875 L142.268041,131.453125 C142.429352,128.603395 144.537665,126.296875 146.907216,126.296875 C149.741119,126.296875 151.850003,128.608105 152.061856,131.453125 L152.061856,139.1875 L152.061856,171.15625 C151.850003,174.00127 153.958888,176.3125 156.701031,176.3125 C159.162342,176.3125 161.270655,174.00598 161.340206,171.15625 L161.340206,144.859375 L161.340206,141.765625 C161.270655,138.916053 163.378968,136.609375 165.979381,136.609375 C168.582422,136.609375 170.691306,138.920764 170.618557,141.765625 L170.618557,144.859375 L170.618557,176.3125 C170.629257,179.157361 172.738142,181.46875 175.257732,181.46875 C177.941596,181.46875 180.049909,179.162072 179.896907,176.3125 L179.896907,153.625 C180.111958,150.775428 182.220271,148.46875 185.051546,148.46875 C187.423725,148.46875 189.532609,150.780139 189.690722,153.625 L189.690722,163.421875 C189.532609,166.266736 191.875815,168.578125 194.845361,168.578125 C197.65743,168.578125 200,166.271447 200,163.421875 L200,100"],
        ["path",,,"#FFF","#302434","M200 100C200 44.771525 155.228475 0 100 0 44.771525 0 0 44.771525 0 100M0 100L0 156.203125C0 159.048145 2.12004279 161.359375 4.63917526 161.359375 7.35102845 161.359375 9.47049623 159.052855 9.27835052 156.203125L9.27835052 148.46875C9.4934916 145.61902 11.6018043 143.3125 14.4329897 143.3125 16.8052584 143.3125 18.9141431 145.62373 19.0721649 148.46875L19.0721649 156.203125 19.0721649 168.0625C18.9141431 170.90752 21.0230278 173.21875 23.7113402 173.21875 26.2264819 173.21875 28.3347946 170.91223 28.3505155 168.0625L28.3505155 161.359375 28.3505155 154.140625C28.3347946 151.291053 30.4431073 148.984375 32.9896907 148.984375 35.6465615 148.984375 37.7554461 151.295764 37.628866 154.140625L37.628866 193.84375C37.7554461 196.68877 39.8643308 199 42.2680412 199 45.067785 199 47.1760977 196.69348 47.4226804 193.84375L47.4226804 131.453125C47.1760977 128.603395 49.2844103 126.296875 52.0618557 126.296875 54.4878645 126.296875 56.5967492 128.608105 56.7010309 131.453125L56.7010309 176.3125C56.5967492 179.15752 58.7056338 181.46875 61.3402062 181.46875 63.909088 181.46875 66.0174007 179.16223 65.9793814 176.3125L65.9793814 141.765625C66.0174007 138.916053 68.1257134 136.609375 70.6185567 136.609375 73.3291675 136.609375 75.4380522 138.920764 75.257732 141.765625L75.257732 160.84375C75.4380522 163.688611 77.5469369 166 79.8969072 166 82.750391 166 84.8587037 163.693322 85.0515464 160.84375L85.0515464 153.625C84.8587037 150.775428 86.9670164 148.46875 89.6907216 148.46875 92.1704706 148.46875 94.2793552 150.780139 94.3298969 153.625L94.8453608 187.140625C94.8027248 189.985486 97.14593 192.296875 100 192.296875 102.927546 192.296875 105.270115 189.990197 105.154639 187.140625L104.639175 149.5C104.746746 145.61902 106.855058 143.3125 109.278351 143.3125 112.058513 143.3125 114.167397 145.62373 113.917526 148.46875L113.917526 168.0625C114.167397 170.90752 116.276282 173.21875 119.072165 173.21875 121.479736 173.21875 123.588049 170.91223 123.71134 168.0625L123.71134 161.359375 123.71134 154.140625C123.588049 151.291053 125.696362 148.984375 128.350515 148.984375 130.899816 148.984375 133.0087 151.295764 132.989691 154.140625L132.989691 193.84375C133.0087 196.68877 135.117585 199 137.628866 199 140.321039 199 142.429352 196.69348 142.268041 193.84375L142.268041 138.671875 142.268041 131.453125C142.429352 128.603395 144.537665 126.296875 146.907216 126.296875 149.741119 126.296875 151.850003 128.608105 152.061856 131.453125L152.061856 139.1875 152.061856 171.15625C151.850003 174.00127 153.958888 176.3125 156.701031 176.3125 159.162342 176.3125 161.270655 174.00598 161.340206 171.15625L161.340206 144.859375 161.340206 141.765625C161.270655 138.916053 163.378968 136.609375 165.979381 136.609375 168.582422 136.609375 170.691306 138.920764 170.618557 141.765625L170.618557 144.859375 170.618557 176.3125C170.629257 179.157361 172.738142 181.46875 175.257732 181.46875 177.941596 181.46875 180.049909 179.162072 179.896907 176.3125L179.896907 153.625C180.111958 150.775428 182.220271 148.46875 185.051546 148.46875 187.423725 148.46875 189.532609 150.780139 189.690722 153.625L189.690722 163.421875C189.532609 166.266736 191.875815 168.578125 194.845361 168.578125 197.65743 168.578125 200 166.271447 200 163.421875L200 100"],
        ["circle",,,"#FFF","#302434",,"100.5","100.5","26.5"],
        ["path",,,,"#FFF","M103,132 L103,132 C119.016258,132 132,119.016258 132,103"],
        ["path",,,"#F7DA71","#302434","M168.854871,80.8314322 L168.854871,81.1126307 C168.854871,82.6700566 170.123055,83.9411037 171.680144,83.9411037 L183.967742,83.9411037 C185.519686,83.9411037 186.793015,82.6697696 186.793015,81.1126307 L186.793015,80.8314322 C186.793015,79.2740064 185.52483,78.0029593 183.967742,78.0029593 L171.680144,78.0029593 C170.1282,78.0029593 168.854871,79.2742934 168.854871,80.8314322 Z" ],
        ["path",,,"#FFAD38","#302434","M170.784479,122.710815 L170.784479,122.992013 C170.784479,124.549439 172.052663,125.820486 173.609752,125.820486 L185.89735,125.820486 C187.449294,125.820486 188.722623,124.549152 188.722623,122.992013 L188.722623,122.710815 C188.722623,121.153389 187.454438,119.882342 185.89735,119.882342 L173.609752,119.882342 C172.057808,119.882342 170.784479,121.153676 170.784479,122.710815 Z"], //transform="rotate(25 179.754 122.851)"/>
        ["path",,,"#9FC1EA","#302434","M137.779864,103.591935 L137.779864,103.873134 C137.779864,105.430559 139.048049,106.701607 140.605137,106.701607 L152.892735,106.701607 C154.444679,106.701607 155.718008,105.430272 155.718008,103.873134 L155.718008,103.591935 C155.718008,102.034509 154.449824,100.763462 152.892735,100.763462 L140.605137,100.763462 C139.053193,100.763462 137.779864,102.034796 137.779864,103.591935 Z"],
        ["path",,,"#FFAD38","#302434","M69.2022598,19.4388294 L69.2022598,19.7200279 C69.2022598,21.2774537 70.4704445,22.5485008 72.0275331,22.5485008 L84.3151307,22.5485008 C85.8670745,22.5485008 87.1404041,21.2771667 87.1404041,19.7200279 L87.1404041,19.4388294 C87.1404041,17.8814035 85.8722194,16.6103564 84.3151307,16.6103564 L72.0275331,16.6103564 C70.4755893,16.6103564 69.2022598,17.8816905 69.2022598,19.4388294 Z"],
        ["path",,,"#F45467","#302434","M63.4327156,63.1481419 L63.4327156,63.4293404 C63.4327156,64.9867663 64.7009003,66.2578133 66.2579889,66.2578133 L78.5455866,66.2578133 C80.0975304,66.2578133 81.3708599,64.9864793 81.3708599,63.4293404 L81.3708599,63.1481419 C81.3708599,61.5907161 80.1026752,60.319669 78.5455866,60.319669 L66.2579889,60.319669 C64.7060452,60.319669 63.4327156,61.5910031 63.4327156,63.1481419 Z"],
		["path",,,"#9FC1EA","#302434","M93.4950295,44.5196548 L93.4950295,44.8008533 C93.4950295,46.3582791 94.7632142,47.6293262 96.3203028,47.6293262 L108.6079,47.6293262 C110.159844,47.6293262 111.433174,46.3579921 111.433174,44.8008533 L111.433174,44.5196548 C111.433174,42.9622289 110.164989,41.6911819 108.6079,41.6911819 L96.3203028,41.6911819 C94.768359,41.6911819 93.4950295,42.962516 93.4950295,44.5196548 Z"],
        ["path",,,"#F45467","#302434","M116.763462,17.6083368 L116.763462,17.8895353 C116.763462,19.4469612 118.031647,20.7180082 119.588736,20.7180082 L131.876333,20.7180082 C133.428277,20.7180082 134.701607,19.4466741 134.701607,17.8895353 L134.701607,17.6083368 C134.701607,16.050911 133.433422,14.7798639 131.876333,14.7798639 L119.588736,14.7798639 C118.036792,14.7798639 116.763462,16.051198 116.763462,17.6083368 Z"],
        ["path",,,"#9FC1EA","#302434","M31.4950295,42.5196548 L31.4950295,42.8008533 C31.4950295,44.3582791 32.7632142,45.6293262 34.3203028,45.6293262 L46.6079004,45.6293262 C48.1598442,45.6293262 49.4331738,44.3579921 49.4331738,42.8008533 L49.4331738,42.5196548 C49.4331738,40.9622289 48.1649891,39.6911819 46.6079004,39.6911819 L34.3203028,39.6911819 C32.768359,39.6911819 31.4950295,40.962516 31.4950295,42.5196548 Z" ],
        ["path",,,"#9FC1EA","#302434","M7.00295932,122.683344 L7.00295932,122.964542 C7.00295932,124.521968 8.27114404,125.793015 9.82823266,125.793015 L22.1158303,125.793015 C23.6677741,125.793015 24.9411037,124.521681 24.9411037,122.964542 L24.9411037,122.683344 C24.9411037,121.125918 23.6729189,119.854871 22.1158303,119.854871 L9.82823266,119.854871 C8.27628888,119.854871 7.00295932,121.126205 7.00295932,122.683344 Z"],
        ["path",,,"#9FC1EA","#302434","M143.573598,38.5351135 L143.573598,38.816312 C143.573598,40.3737379 144.841783,41.644785 146.398871,41.644785 L158.686469,41.644785 C160.238413,41.644785 161.511742,40.3734509 161.511742,38.816312 L161.511742,38.5351135 C161.511742,36.9776877 160.243558,35.7066406 158.686469,35.7066406 L146.398871,35.7066406 C144.846928,35.7066406 143.573598,36.9779747 143.573598,38.5351135 Z"],
        ["path",,,"#FFAD38","#302434","M13.7798639,78.5919351 L13.7798639,78.8731336 C13.7798639,80.4305595 15.0480486,81.7016065 16.6051372,81.7016065 L28.8927349,81.7016065 C30.4446787,81.7016065 31.7180082,80.4302725 31.7180082,78.8731336 L31.7180082,78.5919351 C31.7180082,77.0345093 30.4498235,75.7634622 28.8927349,75.7634622 L16.6051372,75.7634622 C15.0531935,75.7634622 13.7798639,77.0347963 13.7798639,78.5919351 Z"],
        ["path",,,"#F7DA71","#302434","M133.763462,61.6083368 L133.763462,61.8895353 C133.763462,63.4469612 135.031647,64.7180082 136.588736,64.7180082 L148.876333,64.7180082 C150.428277,64.7180082 151.701607,63.4466741 151.701607,61.8895353 L151.701607,61.6083368 C151.701607,60.050911 150.433422,58.7798639 148.876333,58.7798639 L136.588736,58.7798639 C135.036792,58.7798639 133.763462,60.051198 133.763462,61.6083368 Z"],
        ["path",,,"#F7DA71","#302434","M40.1448483,100.300712 L40.1448483,100.58191 C40.1448483,102.139336 41.4130331,103.410383 42.9701217,103.410383 L55.2577193,103.410383 C56.8096631,103.410383 58.0829927,102.139049 58.0829927,100.58191 L58.0829927,100.300712 C58.0829927,98.7432859 56.8148079,97.4722388 55.2577193,97.4722388 L42.9701217,97.4722388 C41.4181779,97.4722388 40.1448483,98.7435729 40.1448483,100.300712 Z"],
        ["path",,,,"#302434","M143 190C153.043627 185.195415 162.158445 178.746675 170 171M28.7212226 170.713933C31.3439197 173.284559 34.1076215 175.717271 37 178M11.5217511 145.997463C13.5503966 149.823796 15.8170146 153.505818 18.3020045 157.024023"],
        ["path",,,,"#FFF","M18 140C20.5567785 140 22.8296876 142.321236 23 145.178571L23 152.946429 23 169M37 146C39.5567785 146 41.8296876 148.311968 42 151.157895L42 158.894737 42 195M56 123C58.5567785 123 60.8296876 125.305227 61 128.142857L61 135.857143 61 177M151 122C153.556779 122 155.829688 124.311968 156 127.157895L156 134.894737 156 171M74 133C76.5567785 133 78.8296876 135.3242 79 138.185185L79 145.962963 79 161M94 145C96.5567785 145 98.8296876 147.3242 99 150.185185L99 157.962963 99 187M113 139C115.556779 139 117.829688 141.280512 118 144.087719L118 151.719298 118 168M132 145C134.556779 145 136.829688 147.311968 137 150.157895L137 157.894737 137 194M170 133C172.301101 133 174.346719 135.293314 174.5 138.116279L174.5 145.790698 175 177M189 144C191.556779 144 193.829688 146.301766 194 149.135135L194 156.837838 194 163"]
 ]
	);
""

Donut icing.png


Flower

RENDER(
[
	["type","coordinates","cx","cy","r","fill","stroke","stroke-width"],
	["circle",,200,200,	40,"red"],
	["circle",,200,130,	50,"yellow"],
	["circle",,200,270,	50,"yellow"],
	["circle",,130,200,	50,"yellow"],
	["circle",,270,200,	50,"yellow"],
	
	["circle",,200,130,	40,["yellow","orange"]],
	["circle",,200,270,	40,["yellow","orange"]],
	["circle",,130,200,	40,["yellow","orange"]],
	["circle",,270,200,	40,["yellow","orange"]],
	
	["line",[200,180,200,220],,,,,"black",5],
	["line",[180,200,220,200],,,,,"black",5],
	["line",[180,220,220,180],,,,,"black",5],
	["line",[180,180,220,220],,,,,"black",5],
	
	
	["line",[200,320,200,450],,,,,"green",5],
	["path","M200,450 a100,100 0 0,1 100,-100 z",,,,,"green",5],
	["path","M200,450 a100,100 0 0,0 -100,-100 z",,,,,"green",5],
	["line",[50,450,350,450],,,,,"brown",10],
]);
	""

Flower.png


<<RENDER MAIN PAGE

<<Additional Examples

<<RENDER 3D EXAMPLES - Swapna

<<RENDER 3D EXAMPLES TO BE RECTIFIED

<< Z3 home