Sunburst Generator

Flat Shine

No Animate Animate

					
<svg width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" overflow="hidden" >
  <g>
  <path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(0, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(12, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(24, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(36, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(48, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(60, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(72, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(84, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(96, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(108, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(120, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(132, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(144, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(156, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(168, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(180, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(192, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(204, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(216, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(228, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(240, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(252, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(264, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(276, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(288, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(300, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(312, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(324, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#29B5F5" transform-origin="50 50" transform="rotate(336, 0, 0)" /><path d="M 50 50 L 250 50 L 245.62952014676114 91.58233816355187" fill="#FFFFFF" transform-origin="50 50" transform="rotate(348, 0, 0)" /><animateTransform
	attributeName="transform"
	attributeType="XML"
	type="rotate"
	from="0 50 50"
	to="360 50 50"
	dur="50s"
	repeatCount="indefinite" />    
  </g>
</svg>

SVG Sunburst Generator is a tool that allows you to create beautiful and interactive sunburst charts your backgorund data. The shape and resemble the rays of the sun, with each ray representing a segment of the data. With the SVG Sunburst Generator, you can customize the colors, levels of rays to create a stunning visualization.

This tool is ideal for designers who want to display animated background sun effect in a visually appealing way. The SVG format ensures that your sunburst chart is scalable, making it suitable for use on a range of devices and platforms. With its intuitive interface and powerful features, the SVG Sunburst Generator is an essential tool for anyone looking to create engaging and informative visualizations.

resources

» Getting Started with SVG