<@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 reset

This 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 / __/ | _|| |_| | | | |
|_| |_|\__,_| \_/ \___| |_| \__,_|_| |_|
````