Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jasonsturges/pixi-gauges
Pixi.js gauge visualization components
https://github.com/jasonsturges/pixi-gauges
2d components npm pixi visualization
Last synced: 1 day ago
JSON representation
Pixi.js gauge visualization components
- Host: GitHub
- URL: https://github.com/jasonsturges/pixi-gauges
- Owner: jasonsturges
- License: isc
- Created: 2021-03-05T06:22:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-26T04:16:39.000Z (over 2 years ago)
- Last Synced: 2024-10-14T12:37:01.598Z (about 1 month ago)
- Topics: 2d, components, npm, pixi, visualization
- Language: TypeScript
- Homepage: https://jasonsturges.github.io/pixi-gauges/
- Size: 2.88 MB
- Stars: 8
- Watchers: 3
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pixi Gauges
Pixi.js gauge visualization components
![pixi-gauges](https://user-images.githubusercontent.com/1213591/160224264-f1c74966-44f5-4813-9e61-e91ae498cfe8.gif)
CodeSandbox Demo: https://codesandbox.io/s/pixi-gauges-s2cw6
# Getting Started
To install, execute:
npm i pixi-gauges
Then, import into a project as:
```js
import { RadialGauge } from "pixi-gauges";
```# Usage
Radial Gauge is a Pixi.js Sprite, able to be added to the display list:
```js
import { RadialGauge } from "pixi-gauges";let gauge = new RadialGauge();
stage.addChild(gauge);
```Additional components and documentation in progress.