Activity6_Task3.2

100%

Activity6_Task3.2

✓ Published0🌍 Public

Last edited Apr 12, 2024

Created on Apr 12, 2024

This D3.js scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Each point's shape encodes the flower species, with a custom legend created using D3's `symbol` generator and `scaleOrdinal` with `symbolsFill`. The chart uses `scaleLinear` for axes, along with `axisLeft` and `axisBottom` for tick marks. Data is loaded via `csvParse` from a remote URL, and the visualization updates dynamically using D3's `select` and `.join` pattern for DOM manipulation.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, using points with distinct symbols to represent different flower species. It maps sepal length to the x-axis and petal length to the y-axis, with a legend identifying each species. The visualization loads data from a remote CSV file via `d3.csvParse` and uses a custom D3 v7 setup with ES6 modules. It leverages `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, `d3.symbol`, and `d3.axisLeft` and `d3.axisBottom` to render the chart and its axes, with the plot resizing to the full window.

Nneerajreddyaluka@gmail.com

95% match

Loading thumbnail…

Activity6_Task 3.2

This D3.js visualization presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. The plot encodes the species of each iris flower using distinct symbols, which are displayed in a legend on the right. The code utilizes `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` and `d3.symbol` for the shape mapping. Data is fetched from a remote CSV file and parsed with `d3.csvParse`, while `d3.axisLeft` and `d3.axisBottom` render the axes.

UUday Vandanapu

95% match

Loading thumbnail…

ACTIVITY6_task3.2

This D3.js visualization is a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point’s shape encodes the iris species, with a legend distinguishing the three categories. The chart uses axes created with `d3.axisLeft` and `d3.axisBottom`, and point shapes are generated via `d3.symbol` with a `symbolsFill` scale. Data is loaded asynchronously from a remote CSV and parsed with `d3.csvParse`, with numeric fields converted for plotting.

Kkbhavithareddy06@gmail.com

95% match

Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length for individual specimens. Data points are rendered as distinct shapes, with a legend denoting the species of each flower. The visualization employs the D3.js library, utilizing its `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `axisLeft`/`axisBottom` components. It reads the dataset from a remote CSV file, parses it with `csvParse`, and constructs the chart using a custom React framework, with axes created via the `axes` module.

JJhansi Balla

94% match

Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi

94% match

Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by different filled symbols. The chart includes a shape legend and labeled axes, rendered using D3 v7 with a custom scatterplot module that relies on `scaleLinear` for the axes and `scaleOrdinal` for the symbol mapping. Data is loaded asynchronously from a CSV file, and the visualization updates dynamically as the data state transitions from loading to parsed.

Ssindhuja27b@gmail.com

94% match

Loading thumbnail…

Activity6_Task3-2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Kkowshiksamudrala08@gmail.com

94% match

Loading thumbnail…

Activity6_Task3.2

A scatter plot visualizes the relationship between sepal length and petal length for iris flowers, with each point’s shape encoding the species category. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` to map species to `symbolsFill` shapes, and renders marks via `d3.symbol`. Data is loaded asynchronously from a remote CSV using `d3.csvParse` and numeric coercion. The chart includes labeled axes and a shape legend, with margins and responsive sizing based on window dimensions.

Ssaisnehapalle@my.unt.edu

94% match