Skip to main content
SimilarExport ZIP
100%

Gist 2e92f7659a37c0aad9b95cd210fa517e

✓ Published0🌍 Public
RRCura
Last edited Jul 27, 2016
Created on Jul 27, 2016

This Shiny app displays two ggplot2 scatterplots of the mtcars dataset, comparing engine cylinders and weight against miles per gallon, with point size controlled by a slider. The plot’s color scale represents weight (wt) as a continuous variable, and a shared legend is extracted and repositioned using a custom grid_arrange_shared_legend function built with grid and gridExtra. The server renders both plots inside a single output, pulling the legend from a grob via ggplotGrob. The UI uses a sidebar slider to adjust the point size interactively.

AI-generated description

Similar vizzes

Loading thumbnail…

Exploratory Scatterplot of mtcars

This interactive scatterplot visualizes the R mtcars dataset, letting users explore relationships between numeric variables like weight and miles per gallon while coloring points by categorical variables such as cylinder count or transmission type. Built with React and D3 v6, it uses `scaleLinear` and `scaleOrdinal` for axes and color, with dropdown menus from `react-dropdown` to switch attributes. The SVG rendering includes custom axis components and a color legend, and hovering over legend items animates opacity to highlight or dim points by category.

WWaseem Medhat
72% match
Loading thumbnail…

Gist 9622037

This interactive Shiny application plots geographic data onto a web map, scaling point markers according to a selected attribute. Users choose latitude and longitude columns to position points and adjust the maximum point size via a slider. The interface is built with Shiny widgets, including selectInput and sliderInput, while the map itself is rendered using an HTML output that likely integrates a JavaScript mapping library. A secondary plot, generated with ggplot2, is also included. The code relies on Shiny's server-side plotting and reactive input handling to update both the interactive map and the static plot.

RRCura
71% match
Loading thumbnail…

Scatter Plot With Menus - cis_602

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. It renders circles on an SVG canvas using D3 v5, with axes, labels, and a title. The code uses D3’s `csv` loader, `scaleLinear`, `axisBottom`, and `axisLeft`, along with a custom `menu` function to provide simple A/B/C selector options. Data preprocessing converts numeric fields from strings to numbers before scaling and plotting.

Ssourcebox-bug
71% match
Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car weight on the y-axis while allowing users to select different x-axis attributes via a dropdown menu. The visualization uses D3 v5 with SVG rendering, employing `d3.csv` for data loading, `d3.scaleLinear` with `d3.extent` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. A custom dropdown menu component updates the x-axis column through `d3.select` and event handlers, while the scatter plot's circles are appended dynamically with data-bound attributes.

JJun Yi | Dylan
70% match
Loading thumbnail…

MTCARS Scatter Plot with Menus

An interactive scatter plot of the classic mtcars dataset lets viewers compare any two of four car attributes—mpg, cyl, disp, and hp—by selecting each axis from a dropdown menu. Built with React and D3 v5, it renders SVG circles whose positions are calculated with `scaleLinear` and `extent`, and axes are drawn using the custom `AxisBottom` and `AxisLeft` components. The plot displays values with a `siFormat` tick label and includes hover tooltips via SVG `<title>` elements.

BBizmundo
70% match
Loading thumbnail…

Cars Scatter PLot

This interactive scatter plot visualizes the relationship between car horsepower and weight using the classic MPG dataset. Users can switch the x-axis attribute via a dropdown menu to explore different variables. The visualization is built with React and D3 v5, using `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, with animated SVG circles transitioning over one second. Data is loaded from a CSV file and displayed with axis labels and a title in an SVG canvas.

Iinroadings
70% match
Loading thumbnail…

Cars Scatter Plot with Menu

This interactive scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Built with D3 v5, it renders circles as SVG elements, with axes using `axisBottom` and `axisLeft`. The interface includes a dropdown menu created with a custom `dropdown` function, though the options are placeholder values and no interaction logic is implemented. The plot displays gridlines, axis labels, and a title, with data loaded via `csv` from an external URL.

MMiish84
70% match
Loading thumbnail…

Scattered Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with its position determined by its horsepower (x-axis) and weight (y-axis). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the labeled scales. The SVG rendering includes styled axis ticks, labels, and a title, with circles appended to a grouped element translated by calculated margins.

AAdeola Oni
70% match