abi_2

adithi

This scatterplot visualizes the Iris dataset, comparing sepal length and width across three species—setosa, versicolor, and virginica—using distinct BBC-inspired colors. The chart includes labeled axes, a title with subtitle, a source attribution, and an interactive legend that dims non-hovered species when moused over. Built with d3.v7, it loads CSV data via `d3.csv`, maps dimensions through scales like `scaleLinear` and `scaleOrdinal`, and renders points as circles with configurable styling, while the legend uses `mouseenter` and `mouseleave` events to trigger the hover fade effect.

86% match

Ppuppireddyarchana@gmail.com

activity3_question6

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species. The visualization uses D3.js scaling and axis functions (`scaleLinear`, `axisBottom`, `axisLeft`) to render points colored by species, with hover interactions on the legend highlighting specific species while fading others. The chart includes a title, subtitle, source attribution, and a vertical legend, all styled with BBC-inspired colors. Data loads asynchronously from a CSV file via D3's `csv` parsing, with responsive sizing handled through a `ResizeObserver`.

Ssowjanyateppali4202@gmail.com

d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species. The visualization uses D3.js's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to create a fully rendered SVG chart. It includes a hoverable legend that highlights points from a selected species by raising them and fading the others. The styling uses BBC-themed colors for the data points, with the data loaded from a CSV file via the `csv` function.

AAbhinavReddyKaripireddy@my.unt.edu

Act6_task3.2

This scatter plot displays the Iris dataset, comparing sepal length against petal length for three species of iris flowers. Each species is distinguished by a unique symbol shape, with a legend positioned on the right side of the chart. The visualization is built using D3 v7, employing `scaleLinear` for both axes, `scaleOrdinal` for shape encoding, and `symbol` to generate the marks. Data is loaded asynchronously via `fetch` and parsed with `csvParse` before being rendered.

D3.js

A scatter plot visualizes sepal length versus sepal width from Fisher's Iris dataset, with points colored by species and a hoverable legend that fades non-matching points. Built with D3.js v7, the code uses `d3.csv` for data loading, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, and a `ResizeObserver` to make the SVG responsive. A BBC-inspired color theme distinguishes the three species.

D3.js

sales data

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species with BBC-style color coding. Built with D3.js, it uses `scaleLinear` and `scaleOrdinal` to map data to positions and colors, with hover functionality on legend items that fades non-selected species using `raise()` and opacity transitions. The chart includes a responsive layout via `ResizeObserver` and custom axis, title, and source annotations.

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.