Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hrbrmstr/foliage

:fallen_leaf: Small project to show how to work a bit with `sf` in R and prep data for Observable / JS
https://github.com/hrbrmstr/foliage

javascript js litelement observable observable-plot r rstats vite

Last synced: 6 days ago
JSON representation

:fallen_leaf: Small project to show how to work a bit with `sf` in R and prep data for Observable / JS

Awesome Lists containing this project

README

        

# ConUS Foliage

Starting in 2023, this project contains

- `conus-foliage-2023/` : Quarto project version based on [this Observable Notebook](https://observablehq.com/@hrbrmstr/conus-foliage-2023). I used my [Reveal QMD](https://github.com/hrbrmstr/reveal-qmd) chrome extension.
- `foliage-lit/`: a LitElement + Vanilla JS + Tachyons CSS + Observable Plot version (see it [here](https://rud.is/foliage-lit-plot/))
- `r-foliage/`: R code to wrangle some foliage data and create the animated gif you see below.
- [Art Steinmetz](https://fosstodon.org/@adababbage#.) took me up on the Shiny challenge (at the end of the post) and [did a fantastic job](https://viztoy.shinyapps.io/foliage/)!

![foliage animation](foliage.gif)

ObservableHQ version (tap the img to go to the notebook):

[![](observable-frame.png)](https://observablehq.com/@hrbrmstr/conus-foliage-2023)

Lit + Plot + Tachyons version (tap the img to go to the live example)

![](lit-plot.png)