Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bupaverse/processanimateR

Token replay animation for process maps created with processmapR by using SVG animations (SMIL) and the htmlwidget package.
https://github.com/bupaverse/processanimateR

animation bupar business-process event-logs htmlwidgets process-map processmining svg-animations

Last synced: 24 days ago
JSON representation

Token replay animation for process maps created with processmapR by using SVG animations (SMIL) and the htmlwidget package.

Host: GitHub
URL: https://github.com/bupaverse/processanimateR
Owner: bupaverse
License: other
Created: 2018-04-17T08:33:42.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-01-30T14:56:07.000Z (11 months ago)
Last Synced: 2024-07-29T19:26:13.656Z (5 months ago)
Topics: animation, bupar, business-process, event-logs, htmlwidgets, process-map, processmining, svg-animations
Language: JavaScript
Homepage: https://bupaverse.github.io/processanimateR/
Size: 7.21 MB
Stars: 66
Watchers: 7
Forks: 11
Open Issues: 24
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

jimsghstars - bupaverse/processanimateR - Token replay animation for process maps created with processmapR by using SVG animations (SMIL) and the htmlwidget package. (JavaScript)

README

        # processanimateR

> Flexible token replay animation for process maps created by bupaR using SVG animations.

[![](https://cranlogs.r-pkg.org/badges/processanimateR)](https://cran.r-project.org/package=processanimateR)

[![CRAN\_Status\_Badge](https://www.r-pkg.org/badges/version/processanimateR)](https://cran.r-project.org/package=processanimateR)

[![lifecycle](https://img.shields.io/badge/lifecycle-maturing-blue.svg)](https://lifecycle.r-lib.org/articles/stages.html#maturing)

[![Travis-CI Build Status](https://travis-ci.org/bupaverse/processanimateR.svg?branch=master)](https://travis-ci.org/bupaverse/processanimateR)

[![processanimateR example](man/figures/processanimateR-banner.png)](https://bupaverse.github.io/processanimateR/example/processanimateR-banner.html)

Flexible token replay animation for process maps created through the [processmapR](https://github.com/gertjanssenswillen/processmapR/) package from the [bupaR](https://bupar.net) suite, which uses [DiagrammeR](https://github.com/rich-iannone/DiagrammeR/) and [viz.js](https://github.com/mdaines/viz.js) library to render process maps using GraphViz. As alternative renderer [Leaflet](https://leafletjs.com/) with fixed coordinates for activities is also supported.

ProcessanimateR provides a [htmlwidget](https://www.htmlwidgets.org/) using SVG animations ([SMIL](https://www.w3.org/TR/2008/REC-SMIL3-20081201/)) to create the animation. Sizes, colors, and many more aspects of the token shapes are customizable based on trace, event attributes, or a secondary data frame if an attribute does not change according to the original event log.

## Getting Started

**WARNING: There are breaking changes in the API of this package between v0.3.0 and v1.0.0**

### Installing

A stable version of ProcessanimateR can be installed from CRAN:

```r

install.packages("processanimateR")

```

You can also use the development or specific released version by using the remotes package. 

Note that the current development version may break without warning. 

```r

# install the remotes package

source("https://install-github.me/r-lib/remotes")

# use remotes to install the latest version of processanimateR

remotes::install_github("bupaverse/processanimateR")

# or install a specific tag

remotes::install_github("bupaverse/[email protected]")

```

### Warnings and Limitations

* Tokens travel through the process approximately according to the times at which (start and complete) events of the activities occur. In some cases processanimateR will add a small epsilon time to make sure that the SMIL animation works fine, since there seem to be some limitations with regard to zero duration animations. 

* Be aware that the perceived speed in which tokens travel depends on the length of edges in the process map, which is the result of an automatic layout algorithm and does not represent any kind of real distance between activities. 

* Parallelism is still handled poorly as to be expected from a process map. In particular overlapping start and completion times of activities may result in tokens moving unexpectedly.

* The timeline slider option cannot be used in Internet Explorer due to missing support for certain SVG animation functions.

### Usage

We use the `patients` event log provided by the `eventdataR` package. 

```r

library(processanimateR)

library(eventdataR)

```

A basic animation with static color and token size:

```r

animate_process(patients)

```

Default token color, size, or image can be changed as follows:

```r

animate_process(example_log, mapping = token_aes(size = token_scale(12), shape = "rect"))

animate_process(example_log, mapping = token_aes(color = token_scale("red")))

```

The example animation on the top of this site:

```r

animate_process(patients, mode = "relative", jitter = 10, legend = "color",

  mapping = token_aes(color = token_scale("employee", 

    scale = "ordinal", 

    range = RColorBrewer::brewer.pal(7, "Paired"))))

```

Tokens can also be assigned images, for example:

```r

animate_process(example_log,

   mapping = token_aes(shape = "image",

    size = token_scale(10),

    image = token_scale("https://upload.wikimedia.org/wikipedia/commons/5/5f/Pacman.gif")))

```

More advanced usage examples can be found [here](https://bupaverse.github.io/processanimateR/articles/).

## Libraries Used

This package makes use of the following libraries:

* [bupaR](https://github.com/gertjanssenswillen/bupaR), for the base process mining functions in R.

* [viz.js](https://github.com/mdaines/viz.js), for the GraphViz layout;

* [d3](https://d3js.org), for SVG management;

* [d3-legend](https://github.com/susielu/d3-legend), to render D3 scales;

* [fakesmil](https://github.com/FakeSmile/FakeSmile), to provide SMIL support in most browsers;

* [svg-pan-zoom](https://github.com/bumbu/svg-pan-zoom), for the panning/zooming option;

* [MomentJS](https://github.com/moment/moment), for parsing and formatting times and durations;

* [Leaflet](https://leafletjs.com/), for rendering process maps on geographical maps.

## Versioning

We use [SemVer](https://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/bupaverse/processanimateR/tags). 

## License

This software is licensed under the MIT License - see the [LICENSE](https://github.com/bupaverse/processanimateR/blob/master/LICENSE.md) file for details.

## Acknowledgments

This software was partly supported by the [HUMAN project](http://humanmanufacturing.eu/), which has received funding from the European Union's Horizon 2020 research and innovation programme under grant agreement no. 723737 (HUMAN)