https://github.com/gadenbuie/js4shiny-frappeCharts
Building an HTML Widget, a demonstration
https://github.com/gadenbuie/js4shiny-frappeCharts
Last synced: about 2 months ago
JSON representation
Building an HTML Widget, a demonstration
- Host: GitHub
- URL: https://github.com/gadenbuie/js4shiny-frappeCharts
- Owner: gadenbuie
- License: other
- Created: 2020-01-11T19:57:06.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-12-05T04:34:16.000Z (over 2 years ago)
- Last Synced: 2025-04-04T17:14:16.493Z (3 months ago)
- Language: HTML
- Size: 221 KB
- Stars: 8
- Watchers: 2
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - gadenbuie/js4shiny-frappeCharts - Building an HTML Widget, a demonstration (HTML)
README
# frappeCharts - An HTML Widgets Demo
[js4shiny]: https://js4shiny.com
[js4rsconf]: https://github.com/rstudio-conf-2020/js-for-shiny
[htmlwidget]: https://www.htmlwidgets.org/
[frappe-charts]: https://frappe.io/charts
This is a demo repository for the
[JavaScript for Shiny Users workshop][js4shiny] at
[rstudio::conf][js4rsconf].
The goal is to build an [htmlwidget]
around the [Frappe Charts][frappe-charts] JavaScript library.
The repository is itself a walk through of the project.
Walk through the
[commit log](https://github.com/gadenbuie/js4shiny-frappeCharts/commits/main)
or read through the
[dev journal](https://github.com/gadenbuie/js4shiny-frappeCharts/blob/main/dev/dev.md)
to explore the project and the changes made at each step of the process.
---
## Building Custom Shiny Inputs
✨ Bonus! ✨
This repo also contains a walkthough
building a custom Shiny input:
a `` input that measures typing speed.
At the end of the project,
we incorporate the `frappeCharts` widget
we built in the [main project](https://github.com/gadenbuie/js4shiny-frappeCharts/blob/main/dev/dev.md).
Walk through the
[commit log of the shiny-input branch](https://github.com/gadenbuie/js4shiny-frappeCharts/commits/shiny-input)
or read through
[the shiny-input dev journal](https://github.com/gadenbuie/js4shiny-frappeCharts/tree/shiny-input/inst/shiny-input-app#readme)
to explore the project and the changes made at each step of the process.
The final app is available to demo at https://gadenbuie.shinyapps.io/type-racer/