HW1 : Polished Scatter Plot with Menus and Colors and Color Legend

HW1 : Interactive Polished Scatter Plot with Menus and Colors and Color Legend

This interactive scatter plot visualizes the Iris dataset, allowing users to select which flower measurements to compare on the X and Y axes via dropdown menus. The plot displays all 150 data points, colored by species, with a legend that highlights a selected species while fading the others. Built with React and D3 v7, the visualization uses D3’s `scaleLinear` and `scaleOrdinal` to map data to coordinates and colors, and renders the chart as SVG.

97% match

Polished Scatter Plot with Menus and Colors and Color Legend

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. It uses React state to track the selected axes, dynamically updating the chart when users change the X and Y dropdown menus. The visualization renders as an SVG, with each species color-coded via a `d3.scaleOrdinal` color scale, and includes a color legend to identify species. D3’s `scaleLinear` handles the continuous axes, while custom `AxisBottom` and `AxisLeft` components render the ticks.

94% match

Polished Scatter Plot with Menus and Colors

This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements through drop-down menus that select which attribute appears on each axis. Points are colored by species using d3.scaleOrdinal, with circles rendered as SVG marks that include tooltips showing values. Built with React and D3 v7, the visualization uses React state to manage selected attributes and re-scale axes via d3.scaleLinear, with custom axis components generating ticks and labels.

94% match

Interactive Polished Scatter Plot with Menus and Colors and Color Legend

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between four flower measurements through dropdown menus that switch the X and Y axes. Points are colored by species, with a color legend that fades non-hovered points for focused comparison. Built with React and D3 v7, the visualization uses D3's `scaleLinear` for axes and `scaleOrdinal` for categorical colors, rendering points as SVG circles. The code leverages React state for user selections and D3 utility functions like `csv` to load and parse the data.

93% match

DATA VISUALIZATION HW1 v3

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attributes appear on the x- and y-axes, while color distinguishes the three Iris species. A color legend with hover interactions highlights individual species by fading non-selected points. The visualization is built with React, using D3 v5 scales (scaleLinear, scaleOrdinal) for positioning and coloring, and renders as SVG with custom axis and legend components.

Nnathanowen06

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 Scatter with color Plot, color Legend with Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between measurements like petal length and sepal width. A color legend maps the three Iris species to distinct hues, and hovering over a legend item highlights only the corresponding species points while dimming others. Built with React and D3 v5, the chart uses D3 scales for axes and colors, with custom SVG marks for data points. Dropdown menus for selecting X and Y attributes are implemented using the react-dropdown library, and axes are rendered via separate components.

Bblackbottt

Polished Scatter Plot with Menus, Color and Interactive Color Legend

This interactive scatter plot visualizes the Iris dataset, showing relationships between sepal and petal measurements. Users select X and Y axes from dropdown menus using the React Dropdown component. A color legend for flower class supports hover interactions that fade non-matching points. The visualization uses React with d3-scale for linear and ordinal scales, rendering SVG circles and axes with custom components.

OOleg Zhernovoy