Skip to main content
SimilarExport ZIP
100%

activity3_question6

✓ Published0🌍 Public
Ppuppireddyarchana@gmail.com
Last edited Apr 7, 2025
Created on Apr 7, 2025

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Question 4

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width for three species. Each circle is colored by species using a d3.scaleOrdinal with d3.schemeCategory10, and interactive tooltips display the species name on hover. The visualization uses D3 v7 to create SVG elements, with axes, labels, and a legend generated through d3.axisBottom and d3.axisLeft. Data is loaded asynchronously from a CSV file via d3.csv.

MMonish Galla
92% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the Iris dataset, mapping sepal length and sepal width for three species (setosa, versicolor, virginica) as colored circles. Using D3 v6 via UNPKG, it employs `csv` to load data, `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick labels, and `select` to build an SVG. The plot is responsive, sized to the browser window, and styled with a red, centered title.

Nneerajreddyaluka@gmail.com
91% match
Loading thumbnail…

Activity-6(Task3)

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while distinguishing the three species of iris flowers through different symbol shapes. The visualization uses D3 v7 with scales and axes from the d3-scale and d3-axis modules, and encodes species using d3.scaleOrdinal with symbolsFill and symbol generators. Data is loaded from a remote CSV file, and the chart includes custom axis labels and a shape legend to identify species categories.

Vvandanakosuri@my.unt.edu
90% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the Iris flower dataset, mapping sepal length on the x-axis and petal length on the y-axis, with three species distinguished by distinct symbol shapes. It loads data from a remote CSV, parses it with `d3.csvParse`, and renders marks using `d3.scaleLinear`, `d3.scaleOrdinal`, and the `symbol` generator. The chart includes labeled axes via custom D3 axes modules and a shape legend, all built with D3 v7 selections and joins.

Gganeshseeram5decem@gmail.com
90% match
Loading thumbnail…

Activity6question3

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three species of iris flowers. The D3.js v7 implementation uses d3.scaleLinear to map the quantitative axes and d3.scaleOrdinal with symbolsFill to encode species through distinct point shapes. A custom shape legend component displays the species categories, while the chart pulls data from a remote CSV file using d3.csvParse and renders the plot with SVG paths generated by d3.symbol.

Vvaishnavi6gan@gmail.com
90% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and sepal width. Each data point is represented as a colored circle, with colors distinguishing the three iris species: setosa in skyblue, versicolor in lightgreen, and virginica in orange. The visualization uses D3.js (v3) APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to load data from a GitHub-hosted CSV file, map values to pixel coordinates, and render axes with tick labels. The chart includes labeled axes for sepal length and width, with a red, centered title.

Mmounikakatipally995@gmail.com
90% match
Loading thumbnail…

Activity 6 Task 3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for different iris species. The visualization uses D3 v7 to render points with distinct shapes representing species categories, accompanied by axes and a shape legend to differentiate groups. Data is loaded from a remote CSV file via `csvParse`, with numerical parsing applied to measurement columns. The plot uses a linear scale for both axes and an ordinal scale for categorical species encoding, with the shape legend positioned independently of the main plot.

Ssagipavan2385@gmail.com
90% match
Loading thumbnail…

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.

Ssowjanyateppali4202@gmail.com
90% match