<@rmstek/sparklines>

Description
This is a collection of Angular components to render
sparklines, conceived by
Edward Tufte. My motivation for this project is to use Angular workspace and component technology to implement sparklines. The project's overall concepts, but not source code, borrows extensively from
Gareth Watts jQery project.
$3
*
rms-spark-line: A simple line, with decorations and shading. See
here for implementation examples, and
here for live examples;
*
rms-spark-barchart: A collection of bar charts, including positive, negative, dual, and win/draw/loss charts. See
here for implementation examples, and
here for live examples;
*
rms-sparkline-boxplot: A box plot. See
here for implementation examples, and
here for live examples;
$3
Check
rms-sparklines for the Angular Workspace repository, consisting the the library and living style guide showcasing the library's Angular components.
$3
You can navigate to the
living style guide to see a live version of the Angular web application illustrating their usage.
Build your Angular component sparkline
What follows assumes a good understanding of Angular.
$3
*
$ cd ~*
$ git clone https://github.com/RodrigoMattosoSilveira/rms-sparklines$3
*
$ cd ~/rms-sparklines*
$ yarn resetThis takes a few minutes, and does the following
* Removes the node_modules folder, if there;
* Builds the library;
* Builds the living style guide;
$3
The following steps are required:
*
$ ng generate component my-cool-sparline --project=library to create an Angular
library component
* Develop the new Angular component;
* Write unit tests for the new Angular component;
* Publish the new component;
$3
*
$ ng generate component my-cool-sparkline --project=living-style-guide, to create an Angular
living style guide component;
* Edit the
app-my-cool-sparline component template to showcase
my-cool-sparline;
#### Publish the new @rms/sparkline web component.
This is done in the root directory:
* $ cd ~/rms-sparklines
* Increment packages.json version using semver notation
* $ npm publish
Last but not least
```
html
_ _ _____
| | | | __ ___ _____ | ___| _ _ __
| |_| |/ _ \ \ / / _ \ | |_ | | | | '_ \
| _ | (_| |\ V / __/ | _|| |_| | | | |
|_| |_|\__,_| \_/ \___| |_| \__,_|_| |_|
````