All Projects → dreamRs → wired

dreamRs / wired

Licence: other
Wired elements in Shiny

Programming Languages

javascript
184084 projects - #8 most used programming language
r
7636 projects
CSS
56736 projects

Labels

Projects that are alternatives of or similar to wired

carbon-intensity-app
A web app showing how much electricity is made from renewable sources in different parts of UK
Stars: ✭ 22 (-52.17%)
Mutual labels:  shiny
shiny crud
Example Shiny apps implementing CRUD database functionality
Stars: ✭ 88 (+91.3%)
Mutual labels:  shiny
jsTreeR
A wrapper of the jQuery plugin `jsTree`.
Stars: ✭ 36 (-21.74%)
Mutual labels:  shiny
shiny-react-example
Example of a Shiny app with a React front-end
Stars: ✭ 52 (+13.04%)
Mutual labels:  shiny
shiny-apps
Some of my Shiny apps for fun
Stars: ✭ 54 (+17.39%)
Mutual labels:  shiny
analytics-platform-shiny-server
Analytics Platform Shiny Server
Stars: ✭ 21 (-54.35%)
Mutual labels:  shiny
grillade
Grid sytem for shiny apps or rmarkdown and to create htmlwidgets matrix
Stars: ✭ 16 (-65.22%)
Mutual labels:  shiny
colorscale
Create a color scale from a single color
Stars: ✭ 80 (+73.91%)
Mutual labels:  shiny
shinyglide
Glide.js component for Shiny apps
Stars: ✭ 83 (+80.43%)
Mutual labels:  shiny
rAmCharts4
An R interface to amCharts 4
Stars: ✭ 26 (-43.48%)
Mutual labels:  shiny
charpente
Seamlessly design robust 'shiny' extensions
Stars: ✭ 36 (-21.74%)
Mutual labels:  shiny
tweet-conf-dash
A shiny twitter conference dashboard
Stars: ✭ 117 (+154.35%)
Mutual labels:  shiny
pushbar
🖥️ Off-canvas elements for Shiny
Stars: ✭ 59 (+28.26%)
Mutual labels:  shiny
shinyhttr
Give httr::progress the ability to talk to shinyWidgets::progressBar.
Stars: ✭ 32 (-30.43%)
Mutual labels:  shiny
TCC-GUI
📊 Graphical User Interface for TCC package
Stars: ✭ 35 (-23.91%)
Mutual labels:  shiny
SmaRP
Shiny app for projecting retirement funds / benefits
Stars: ✭ 17 (-63.04%)
Mutual labels:  shiny
shinydnd
Creating drag and drop elements in Shiny
Stars: ✭ 89 (+93.48%)
Mutual labels:  shiny
antaresViz
ANTARES Visualizations
Stars: ✭ 19 (-58.7%)
Mutual labels:  shiny
daattali.github.io
Dean Attali's website - R/Shiny Consultant
Stars: ✭ 51 (+10.87%)
Mutual labels:  shiny
customer-tracker
R data products: Reports, Presentations, Apps, and API's
Stars: ✭ 19 (-58.7%)
Mutual labels:  shiny

wired

Hand drawn UI elements with wired for shiny applications.

Travis build status Lifecycle: experimental

⚠️ Use RStudio >= 1.2 or your default browser ⚠️

Installation

You can install the development version of wired from Github with:

remotes::install_github("dreamRs/wired")

Example

Code:

library(shiny)
library(ggplot2)
library(xkcd)
library(wired)

ui <- fluidPage(
  tags$h2("Wired Distribution"),
  fluidRow(
    column(
      width = 4,
      wired_card(
        width = "100%",
        wired_radio(
          inputId = "dist", label = "Distribution:",
          choices = c("Normal" = "norm",
                      "Uniform" = "unif",
                      "Log-normal" = "lnorm",
                      "Exponential" = "exp")
        ),
        wired_slider(
          inputId = "n", label = "Number of observations:", 
          min = 50, value = 100, max = 300
        ),
        wired_toggle(inputId = "log", label = "Use log scale"),
        wired_button(
          inputId = "wired", 
          label = tags$a(
            "Made with the JavaScript Wired library", 
            href = "https://wiredjs.com/"
          )
        )
      )
    ),
    column(
      width = 8,
      plotOutput(outputId = "plot", height = "500px"),
      tags$span("Plot made with the", tags$code("xkcd"), "package.")
    )
  )
)

server <- function(input, output, session) {
  
  d <- reactive({
    dist <- switch(
      input$dist,
      norm = rnorm,
      unif = runif,
      lnorm = rlnorm,
      exp = rexp,
      rnorm
    )
    
    data.frame(x = dist(floor(input$n)))
  })
  
  output$plot <- renderPlot({
    h <- ggplot(d()) + geom_histogram(aes(x))
    
    if (input$log)
      h <- h + scale_x_log10()
    ggplot() + 
      xkcdrect(
        mapping = aes(
          xmin = xmin,
          xmax = xmax,
          ymin = 0,
          ymax = count
        ),
        data = layer_data(h),
        fill = "steelblue", colour = "black"
      ) + 
      theme_minimal()
  })
  
}

shinyApp(ui, server)

Font

Default font is Gloria Hallelujah by Kimberly Geswein. You can turn it off and keep only UI elements with :

options("GloriaHallelujah" = FALSE)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].