It's a simple jQuery plugin to colorize data elements according to their values:
$('#foo').colorizejs({ 500: 'green', 0: 'red' });
If the value of #foo
is larger than 500, its color will be set to green
,
if it is larger than zero, it will be set to red
,
otherwise it won't be touched.
You can also use classes instead of colors by prepending them with a dot:
$('#foo').colorizejs({ 500: '.green', 0: '.red' });
The easiest way is to just include it in your HTML from the RawGit CDN:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.rawgit.com/yegor256/colorizejs/gh-pages/colorizejs.min.js"/>
</head>
</html>
Otherwise, you can download the latest release.
You can also install it with npm:
$ npm install colorizejs
First, make sure you can build it locally:
$ npm install --global gulp-cli
$ gulp
The build has to be clean. If it's not, submit an issue.
Then, make your changes, make sure the build is still clean, and submit a pull request.