Color Polished Scatter plot with menus

Interactive Color Polished Scatter plot with menus with legend

This interactive scatter plot displays the Iris dataset, showing measurements of sepal and petal dimensions across three flower species. Users select which attributes appear on the X and Y axes via two dropdown menus, while a color legend indicates species and supports hover highlighting to isolate specific groups. The visualization is built with React and D3 v5, using `scaleLinear`, `scaleOrdinal`, and SVG rendering, with hover interactions adjusting point opacity and filtering displayed data.

Nn.koldovsky@gmail.com

Color Polished Scatter plot with menus with legend

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements by selecting attributes for the X and Y axes via dropdown menus. A color legend distinguishes the three iris species. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and d3.csv for data loading, rendering as SVG with reusable axis and mark components.

Nn.koldovsky@gmail.com

Polished Stylized Scatter Plot with Menus with Color

This interactive scatter plot explores the Iris dataset, allowing users to select which flower measurements are plotted on the x and y axes via dropdown menus. The visualization is built with React and D3.v7, using `scaleLinear` and `scaleOrdinal` to map data to positions and colors, with SVG circles for data points and custom components for axes and controls.

RRedSorrel

Polished Scatter Plot with Menus and Color

This interactive scatter plot visualizes the Iris dataset, showing relationships between four flower measurements with points colored by species. Users can switch the X and Y axes via dropdown menus powered by ReactDropdown. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for species colors, and scales computed with d3.extent and d3.nice. SVG circles include tooltip titles, while axis components render ticks and labels.

LLisa Wagner

Interactive Polished Scatterplots with Menus and Color

This interactive scatterplot explores the Iris dataset, displaying four numeric flower attributes and using color to encode species. Users can select which measurements appear on the x- and y-axes via dropdown menus. The visualization features hover interactions that highlight points of a specific species in the legend. Built with React and D3 (d3.v7), it uses `scaleLinear` and `scaleOrdinal` for axes and color, with SVG rendering and custom components for axes, marks, and a color legend.

Rrmgoldberg24

Polished scatter plot with menus and color

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Two dropdown menus, built with `react-dropdown`, control which attribute is displayed on the x and y axes, while flower species are color-coded using `d3.scaleOrdinal` with a custom palette. The plot is rendered as SVG using React components (`AxisBottom`, `AxisLeft`, `Marks`) that leverage `d3.scaleLinear` for axis scaling and ticks. Hovering over a point reveals its x-value via a native SVG `<title>` tooltip.

EElliot Hill

Polished Scatter plot with menus

This interactive scatter plot visualizes the Iris dataset, depicting measurements of sepal and petal dimensions for three flower species. Users can dynamically select which quantitative attribute to map to the x-axis and y-axis through dropdown menus, with points colored by species and a corresponding legend. The visualization is built using React with D3’s `scaleLinear`, `scaleOrdinal`, and `extent` functions to compute scales, while SVG components like `AxisBottom`, `AxisLeft`, and `Marks` render the axes, circles, and tooltips. Data is loaded asynchronously via `d3.csv` from a remote GitHub source.

JJonas Carvalho

Polished Scatterplot with menus and colors

This interactive scatterplot displays the classic Iris dataset, letting users explore relationships between sepal and petal measurements through two dropdown menus that control the X and Y axes. Each of the three iris species is represented by a distinct color from a categorical scale, with a color legend clarifying the mapping. Built with React and D3 v5, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for colors, and renders SVG circles with tooltips. The menus are implemented using the `react-dropdown` library, while data loading handles CSV parsing via `d3.csv`.

LLove Wessman