Displaying 1 to 15 from 15 results

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.

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.

reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.



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...

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+.

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.

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.

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.

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.

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.

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.

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.

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.