using renderUI based input in a Shiny Module

100%

using renderUI based input in a Shiny Module

✓ Published0🌍 Public

Last edited Nov 3, 2015

Created on Nov 3, 2015

This example demonstrates a Shiny module with two side-by-side scatterplots of the mtcars dataset, each letting users select x and y variables via dropdown menus. The left plot’s controls are generated dynamically using `renderUI` and `uiOutput`, while the right plot uses static `selectInput` widgets. Both plots are rendered with `renderPlot` and a helper function that calls `ggplot2`’s `geom_point`. The module is defined with `scatterOuput` and `scatter`, connected via `callModule`, showing how to mix dynamic and fixed UI elements within a modular Shiny app.

AI-generated description

Similar vizzes

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot explores relationships between car attributes from the UCI Auto MPG dataset. Two dropdown menus let users select which numeric columns map to the X and Y axes, using a reusable `dropdownMenu` module. The `scatterPlot` module renders SVG circles with D3 scales and axes, animating points into place via `transition().duration(2000)` with staggered delays. Data is loaded with `d3.csv` and parsed as numbers before rendering.

Fftjyangf

66% match

Loading thumbnail…

Scatterplot with menus

This interactive scatterplot lets users explore the relationships between different numeric attributes of cars from the auto-mpg dataset. Two dropdown menus, built with a reusable `dropdownMenu` function, allow selection of the variables plotted on the x and y axes. The chart itself is rendered by a custom `scatterplot` module using `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for the axes. Data updates trigger a smooth `transition` animation as circles move to their new positions over 500 milliseconds.

RRiccardo Pressiani

64% match

Loading thumbnail…

Reusable Scatter Plot with Menus

This example shows an interactive scatter plot of automotive data from the auto-mpg CSV file, with dropdown menus that let the user switch which columns appear on the x- and y-axes. The plot uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` to build axes, while circles drawn in SVG animate into position via a chained `transition().duration(2000).delay()`. The dropdown options are generated by a custom ES6 module, `dropdownMenu`, imported alongside the reusable `scatterPlot` module that handles rendering.

SSharankumar02

64% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, with dropdown menus letting users choose which columns map to the X and Y axes. The visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render the axes, while d3.transition animates circles moving to their new positions over two seconds. Data is loaded via d3.csv, and the interactive menus are built with native HTML select elements. The SVG rendering includes gridlines and axis labels that update dynamically.

RRikibens

64% match

Loading thumbnail…

Fork of Scatter Plot with Menus frm Curran

This interactive scatter plot explores the Auto MPG dataset from the UCI Machine Learning Repository, displaying car attributes as circles. Users select which columns map to the X and Y axes via dropdown menus. Implemented with D3 v5, the visualization leverages `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render the plot. A custom `dropdownMenu` module handles menu creation, while the `scatterPlot` module animates circle positions using `transition().duration(2000).delay()` when data changes. SVG rendering and CSS styling complete the interface.

Bblackbottt

64% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays car data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which data columns map to the x and y axes using two dropdown menus, rendered with a custom `dropdownMenu` function built on D3 v5. The visualization uses D3 scales (`scaleLinear`), axes (`axisBottom`, `axisLeft`), and SVG circles, with a `scatterPlot` function handling the rendering and axis labels.

Ccoheist

64% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from UCI, letting users explore relationships between car attributes via dropdown menus. The D3 v5 code uses `d3.csv` to load data and `d3.scaleLinear` with axis generators to render SVG axes and circles. The `dropdownMenu` module updates selections, while `scatterPlot` animates points using `transition().duration()` when axes change. The example demonstrates dynamic data-driven visualization with user-controlled encodings.

YYedrup

64% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. Users select which data columns map to the X and Y axes via dropdown menus, with circles animating to their new positions over two seconds when the selection changes. The code uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `transition().duration()` to render the SVG visualization. A reusable `dropdownMenu` module handles the selector UI, while `scatterPlot` manages the axes, labels, and animated circle transitions.

Rrajeshathakur

64% match