progressbar.js - Responsive and slick progress bars

•    Javascript

---

Responsive and slick progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish. Documentation is hosted at readthedocs.org.

progressbar animation progress bar js svg circular circle pace radial line loading loader semi-circle indicator

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

agauge

•    

---

Two WPF controls A rotating progress/working wheel. Three styles are provided - Internet Explorer, Firefox and Mac OS An Analog/Radial or circular gauge for displaying values using a needle and scale. Useful for Instrumentation/dashboard applications. The example appl...

analog analogue circular dashboard gauge instrumentation radial

react-progressbar.js - Responsive and slick progress bars for React.

•    Javascript

---

This module is a React wrapper for progressbar.js. That's why most of the documentation refers to the original documentation. react-progressbar.js is lightweight, MIT licensed and supports all major browsers including IE9+.

react progressbar progress loader pace bar radial circle semicircle line indicator loading circular

jQuery-Radmenu-Plugin - jQuery Radial / Pie Menu Plugin

•    JQuery

---

jQuery Radial / Pie Menu Plugin

jquery-plugin radial circular interface

d3-chord - Visualizations relationships or network flow with an aesthetically-pleasing circular layout

•    Javascript

---

Visualize relationships or network flow with an aesthetically-pleasing circular layout.

d3 d3-module chord radial network flow

simplify-path - simplify 2D polyline of arrays

•    Javascript

---

Simplifies a 2D polyline, first using a radial distance check, and then a recursive Douglas-Peucker algorithm. The code is from simplify-js, but uses arrays for better interoperability with npm modules like stack.gl, parse-svg-path, chaikin-smooth, ndarray, etc.Note: For performance, this does not produce a deep copy of the input.

polyline simplify 2d path poly line douglas radial distance redundant duplicate points

radial-progress-chart - Radial Progress Chart started as a weekend project

•    Javascript

---

Download the latest version from Github or use your favorite package manager to include it in your project.

apple watch radial bar progress chart polar d3

raveal - Radially reveal an element

•    Javascript

---

Radially reveal an element. CSS clip-path property is pretty awesome, but for some reason clip-path: circle(cx, cy, r); is not working properly in latest Chrome. The workaround is to use an SVG clipPath with clip-path: url(...), update the SVG path, then set the clip-path property again. Also, Chrome and Firefox behave quite differently when handling the positions of clipPaths.

browser radial reveal clip

RadialProgressBar - Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable

•    Kotlin

---

thats it and how you can use the RadialProgressView in your project.

kotlin radial progress-bar progressbar applewatch circularview circularprogressbar circularprogress android progress

Rainbows - A Metal-backed, blazingly fast alternative to CAGradientLayer.

•    Swift

---

Rainbows is a Metal-backed alternative to CAGradientLayer that is incredibly fast. It provides drawing of axial (aka "linear"), radial (aka "circular"), sweep (aka "angular" aka "conical") and even trippy spiral gradients at no less than 60fps. Rainbows is available under the MPL-2.0 license. See the LICENSE file for more info.

calayer gradient axial radial sweep spiral ios

angular-countdown - Radial countdown timer for Angular

•    Javascript

---

Radial countdown component for Angular built with SVG. tickInterval: a Number that specifies how often to update the radial countdown in milliseconds. Defaults to 15.

angular countdown radial animated

vue-radial-progress - Radial progress bar component for Vue.js

•    HTML

---

A radial progress bar component for Vue.js. Uses SVG and javascript to animate a radial progress bar with a gradient.

vue vuejs radial progress bar progress-bar radial-progress radial-progress-bar

glsl-circular-arc - draw anti-aliased circular arcs in a shader with glslify

•    Javascript

---

Create a simplicial complex mesh to represent one arc. Plot a point in screen coordinates from the simplicial complex position data and theta as vec2(minTheta,maxtheta) for the circular arc in radians.

glslify radial glsl webgl arc circle circular sunburst