Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/charlesstover/react-pluralsight-score

A React component mimicking the Pluralsight Score IQ graph.
https://github.com/charlesstover/react-pluralsight-score

babel babeljs chart charts css graph graphs npm npm-module npm-package pluralsight react react-component react-components reactjs sass travis travis-ci travisci webpack

Last synced: 3 months ago
JSON representation

A React component mimicking the Pluralsight Score IQ graph.

Host: GitHub
URL: https://github.com/charlesstover/react-pluralsight-score
Owner: CharlesStover
License: mit
Archived: true
Created: 2018-08-31T22:37:38.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2022-02-10T18:31:51.000Z (almost 3 years ago)
Last Synced: 2024-09-28T06:21:38.656Z (3 months ago)
Topics: babel, babeljs, chart, charts, css, graph, graphs, npm, npm-module, npm-package, pluralsight, react, react-component, react-components, reactjs, sass, travis, travis-ci, travisci, webpack
Language: JavaScript
Homepage: https://www.npmjs.com/package/pluralsight-score
Size: 854 KB
Stars: 6
Watchers: 3
Forks: 3
Open Issues: 6
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Pluralsight Score IQ Graph for React [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=You%20can%20integrate%20the%20@Pluralsight%20IQ%20graph%20directly%20into%20your%20React%20application.%20pic.twitter.com/a1L5J8nbMj&url=https://github.com/CharlesStover/react-pluralsight-score&via=CharlesStover&hashtags=react,reactjs,javascript,webdev,webdeveloper,webdevelopment)

A React component mimicking the Pluralsight Score IQ graph.

[![version](https://img.shields.io/npm/v/pluralsight-score.svg)](https://www.npmjs.com/package/pluralsight-score)

[![minified size](https://img.shields.io/bundlephobia/min/pluralsight-score.svg)](https://www.npmjs.com/package/pluralsight-score)

[![minzipped size](https://img.shields.io/bundlephobia/minzip/pluralsight-score.svg)](https://www.npmjs.com/package/pluralsight-score)

[![downloads](https://img.shields.io/npm/dt/pluralsight-score.svg)](https://www.npmjs.com/package/pluralsight-score)

[![build](https://api.travis-ci.com/CharlesStover/react-pluralsight-score.svg)](https://travis-ci.com/CharlesStover/react-pluralsight-score/)

[![screenshot](https://user-images.githubusercontent.com/343837/45318006-47dc1300-b501-11e8-8204-9f88a7ea49c0.png)](https://www.npmjs.com/package/pluralsight-score)

## Install

* `npm install pluralsight-score --save` or

* `yarn add pluralsight-score`

## Props

* hidden: boolean

  Gives the component a height of `0`, useful for height-based CSS transitions.

  Default: `false`

* onRef: function

  Callback for the root ref.

* percentile: number

  A number from 0 to 100 used to draw and animate the graph.