source.json

{
	"_version":		"0.2.1",
	"_github":		"https://github.com/nclm/svg-microscope",
	"_twitter":		"https://twitter.com/svg_microscope",
	"_mastodon":	"https://botsin.space/@microscope",
	"origin":		"#structure#",
	"structure": 	"#start_svg##defs##around##background##view##end_svg#",
	"start_svg":	"{svg <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  #w_h#>",
	"defs":			"<defs>#filter##gradient##clip#</defs>",
	"filter":			"<filter id='lava'><feGaussianBlur stdDeviation='100' result='blur' /><feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0   0 1 0 0 0   0 0 1 0 0   0 0 0 #plus_minus##digit_low#00 #digit_high#0'/></filter>",
	"gradient":		"<linearGradient id='gradient'><stop offset='0' stop-color='#color#' stop-opacity='.#digit#'/><stop offset='1' stop-color='#color#'/></linearGradient>",
	"clip":			"<clipPath id='clip'><circle r='#lens#' cx='#half#' cy='#half#' /></clipPath>",
	"end_svg":		"</svg>}",
	"digit":			["0","1","2","3","4","5","6","7","8","9"],
	"digit_low":	["0","1","2","3","4"],
	"digit_high":	["5","6","7","8","9"],
	"plus_minus":	["+","-"],
	"w_h":			"width='500' height='500'",
	"half":			"250",
	"lens":			"254",
	"color":			"\\##digit##digit##digit#",
	"color_light":	"\\##digit_high##digit_high##digit_high#",
	"color_dark":	"\\##digit_low##digit_low##digit_low#",
	"around":		"<rect style='fill:#color_dark#' #w_h# />",
	"background":	"<circle style='fill:#color#' r='#lens#' cx='#half#' cy='#half#' />",
	"foreground":	"<circle r='#half#' cx='#half#' cy='#half#' style='fill:url(\\#gradient); opacity: .4; transform-origin: 50% 50%; transform: rotate(#digit##digit#0deg)' />",
	"view":			"<g clip-path='url(\\#clip)'>#subject#</g>",
	"subject":		["#bubbles#","#bubbles##bubbles#","#bubbles##bubbles##bubbles#"],
	"bubbles":		"<g style='fill:#color#; filter:url(\\#lava)'>#circles#</g>",
	"circles":		["#5_circles#","#5_circles##5_circles#","#5_circles##5_circles##5_circles#","#5_circles##5_circles##5_circles##5_circles#","#5_circles##5_circles##5_circles##5_circles##5_circles#"],
	"5_circles":		"#circle##circle##circle##circle##circle#",
	"circle":		"<circle r='#digit##digit#' cx='#digit_low##digit#0' cy='#digit_low##digit#0' />"
}