Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Ssiddhubhupathi@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length with points colored by species. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill to map species to distinct shapes, and d3.axisLeft/axisBottom for tick marks. A custom legend, rendered using d3.symbol, identifies each species. Data loads asynchronously from a CSV file and is parsed with d3.csvParse, with the chart resizing to fill the viewport.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis, with each species distinguished by a different symbol shape. The visualization includes a legend for the symbolic encodings and axis labels. Built with D3 v7, the code uses d3.scaleLinear for coordinate mapping, d3.scaleOrdinal and d3.symbolsFill to assign shapes, and d3.symbol to generate the path data for each mark. Data is loaded asynchronously from a remote CSV file and parsed with d3.csvParse.

Ssiddhubhupathi@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.2

This visualization is a scatter plot of the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. It loads data from a remote CSV file and parses it with `d3.csvParse`. The chart uses D3 v7 APIs including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shapes, `axisLeft`, `axisBottom`, and a custom shape legend built with `d3.symbol`. Data is mapped using numeric conversions for petal and sepal measurements.

SSiddhardha
95% match
Loading thumbnail…

Activity 6_Task3.2

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length while encoding species with different symbol shapes. The visualization uses D3.js v7 scales to map data positions and a shape legend to identify three species categories. Axes are rendered using d3.axisBottom and d3.axisLeft, with data loaded asynchronously via fetch from a CSV source. The implementation employs selection joins to manage updates and renders symbols using d3.symbol with the symbolsFill array for shape variety.

Ssiddhubhupathi@gmail.com
95% match
Loading thumbnail…

Activity6-task3.2

This interactive scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for different iris species. The shape of each point encodes the species, with a legend explaining the mapping. Built with D3 v7, the visualization uses the scaleLinear function for axes and scaleOrdinal for shape encoding. Data is loaded from a CSV file, parsed with csvParse, and positioned using the symbol generator. The plot is rendered into an SVG, with axes created via the axisLeft and axisBottom APIs.

Ssushanthkodipyaka@gmail.com
95% 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, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
94% match
Loading thumbnail…

Activity6_Task3.1

This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal length for different Iris species. The visualization uses distinct shapes (circles, squares, and triangles) to differentiate species, with a dedicated shape legend positioned on the right side of the chart. Built with D3.js v7, the code employs `d3.scaleLinear` for axes scaling and `d3.scaleOrdinal` with `d3.symbolsFill` to map species categories to symbol types. Data is loaded asynchronously from a GitHub-hosted CSV file, with axes labeled and styled through custom `d3.axisLeft` and `d3.axisBottom` calls.

SSowjanya Devupalli
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