Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published1🌍 Public
Kkartheekgrpt@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024

This example renders a scatter plot of the Iris dataset, showing the relationship between sepal length and petal length while using different point shapes to distinguish the three species. The plot is built with d3.v7, using `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to shapes, and `symbol` to generate the SVG path marks. The visualization is interactive, adapting to the window size, and fetches the raw `iris.csv` file from GitHub to parse and display the data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
94% match
Loading thumbnail…

Activity 6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy
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
93% match
Loading thumbnail…

Activity 6_Task 3.2

This example displays a scatter plot of the Iris dataset, showing sepal length against petal length. Each point’s symbol (circle, triangle, or square) encodes the iris species, and a legend identifies these shapes. The visualization uses D3 v7 with `scaleLinear`, `scaleOrdinal`, and `symbol` to render marks, plus custom axis and legend modules. It loads the CSV data from GitHub, scales numeric fields on load, and renders interactively in the browser window.

DDipesh
93% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length along the x- and y-axes. It uses D3 v7 to load and parse the data via `csvParse`, and renders marks with `scaleLinear` and an ordinal shape scale using the symbols from `symbolsFill`. A custom legend displays the three species categories. The visualization is drawn in an SVG container sized to the window, with axes and labels generated by custom `axes` and `shapeLegend` modules.

Vvarshithainaganti@gmail.com
93% match
Loading thumbnail…

Activity8_Task3_2

This example presents a scatter plot of the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `symbolsFill` for categorical shapes, and `d3.symbol` to generate the point glyphs. A custom legend uses `d3.symbol` similarly. The data is loaded asynchronously via `fetch` and parsed with `d3.csvParse`, then rendered into an SVG using declarative joins.

LLakshmi Keerthi
93% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while color-coding points by species (setosa, versicolor, virginica). The visualization is implemented with D3 v6, using `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Rendered as an SVG, the plot encodes sepal dimensions in the `rx` and `ry` attributes of each circle, though these are not visible with a constant radius. Axis labels are provided via SVG text elements.

Kkartheekgrpt@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. The visualization uses distinct shapes to represent the three species of iris flowers, with a shape legend positioned to the right of the plot. Built with d3.v7, the code leverages d3.csvParse to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with d3.symbolsFill to assign different symbol types to each species. The SVG rendering includes custom axis labels and a shape legend created through d3 selection joins.

Mmaneeshraja47@gmail.com
93% match