# Sektor - draw and animate SVG sectors

DevFeed: [Sektor - draw and animate SVG sectors](<https://devfeed.tech/articles/sektor-draw-and-animate-svg-sectors-37348.md>)

Original publisher: [Read original article](<https://muffinman.io/blog/sektor-draw-and-animate-svg-circle-sectors-2016/>)

Author: Stanko

Published: 2016-06-29T00:00:00Z

Content type: article

Language: en

Sources: [Stanko Tadić](<https://devfeed.tech/sources/stanko-tadic.md>)

Topics: [SVG](<https://devfeed.tech/topics/svg.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Library](<https://devfeed.tech/topics/library.md>), [browser](<https://devfeed.tech/topics/browser.md>), [React UI animations](<https://devfeed.tech/topics/react-ui-animations.md>)

Tags: [animate](<https://devfeed.tech/tags/animate.md>), [browser](<https://devfeed.tech/tags/browser.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [library](<https://devfeed.tech/tags/library.md>), [react-component](<https://devfeed.tech/tags/react-component.md>), [svg](<https://devfeed.tech/tags/svg.md>)

## AI overview

This article introduces Sektor, a plain JavaScript library for drawing circular sectors or arcs in SVG. It explains that the sector angle can be changed and animated, and notes browser support including IE10 and modern browsers with SVG and requestAnimationFrame support.

## Source excerpt

For a current project I'm on, we needed both circular timer, and progress bar. Again, I wasn't able to find small library to do that. But I found awesome answer on Stack Overflow, decided SVG is way to go, and wrote Sektor. Sektor is a plain JavaScript library that draws circle sector (or an arc). Once it is drawn, you can change it's angle and animate the change. It works in every browser with SVG and requestAnimationFrane support (IE10+ and modern browsers). Check demo and docs. I may use this for example how much better is to use requestAnimationFrame than setInterval. If you are bored, try it yourself, and you'll see that animating using requestAnimationFrame is way smoother. React component is coming soon as well. Cheers!