Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jonocarroll/tremor

(Failed) Wrapping of React tremor.js
https://github.com/jonocarroll/tremor

Last synced: 8 days ago
JSON representation

(Failed) Wrapping of React tremor.js

Awesome Lists containing this project

README

        

---
output: github_document
---

```{r, include = FALSE}
knitr::opts_chunk$set(
collapse = TRUE,
comment = "#>",
fig.path = "man/figures/README-",
out.width = "100%"
)
library(tremor)
```

# tremor

The goal of tremor is to wrap the [tremor.js][tremor.js] React library as a htmlWidget.

## Installation

You can install the development version of tremor like so:

``` r
# install.packages("remotes")
remotes::install.github("jonocarroll/tremor")
```

## Caveats

This didn't end up working. The [example][tremorexample] listed is

``` js

Sales
$ 71,465

32% of annual target
$ 225,000



```
![](https://github.com/tremorlabs/tremor/raw/main/images/example.png)

The following _does_ produce output, but none of the rendering seems to happen.

```{r}
tremor(Text("Sales"), Metric("$ 71,465"))$x$tag
```

The tag appears correct...

```{r}
print(tremor(Text("Sales"), Metric("$ 71,465"))$x$tag)
```

Any suggestions most welcome.

This repo contains probably too many attempts at resolving this, so it is far from minimal.

I have tried:

* including tailwindcss directly
* including tailwindcss via {shiny.tailwind}
* [updating][updatereactR] {reactR} to use ^1.8.0
* yelling at it
* fiddling with it

[tremor.js]: https://www.tremor.so/docs/getting-started/demo-dashboard
[tremorexample]: https://github.com/tremorlabs/tremor#example
[updatereactR]: https://github.com/jonocarroll/reactR