Skip to main content
SimilarExport ZIP
100%

Task-3

✓ Published0🌍 Public
Mmoulidomar@hotmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This example visualizes the classic Iris dataset as a scatter plot of sepal length against petal length, with points colored by shape according to species. It uses a D3 v7 ordinal scale with `symbolsFill` to assign distinct shapes to each species, and includes a custom shape legend generated with D3’s `symbol` generator. The axes are rendered via D3’s `axisLeft` and `axisBottom`, while the data is loaded asynchronously from a CSV file and parsed with `csvParse`. The visualization adapts to the full browser window size.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

Yyashwanthkirla95@gmail.com
93% match
Loading thumbnail…

Task_3.2

This visualization shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis, with points styled by species using different D3 symbols. The code loads data from a CSV file via the Fetch API and parses it with d3.csvParse, then renders the plot using d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft/axisBottom via the custom axes module. A custom shape legend module displays the species categories using d3.symbol, while D3’s join pattern handles dynamic element updates.

Rrakesh.kavuru@outlook.com
92% match
Loading thumbnail…

Task-3.2

This example renders a scatter plot of the Iris dataset, showing sepal length versus petal length with points colored and shaped by species. It loads data via a remote CSV URL using `d3.csvParse` and builds the visualization with D3 v7, including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol` for custom point shapes, and a custom axes module using `d3.axisLeft` and `d3.axisBottom`. A separate shape legend module displays the species symbols, and the code demonstrates ES6 module imports across local files.

Kkotipallipavan54@gmail.com
92% match
Loading thumbnail…

Task 3 3.2

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species represented by a distinct shape symbol. The visualization uses D3 v7 to render an SVG canvas, employing `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` to map species to shapes. A custom shape legend displays the species symbols with labels. The data is fetched from a CSV file and parsed with `csvParse`, with numeric columns converted to numbers. The axes are drawn with `axisLeft` and `axisBottom` from D3's import, and the chart is built using the join pattern for declarative updates.

KKritin Kesav
92% match
Loading thumbnail…

task 3.2

This example displays a scatter plot of the Iris dataset, plotting sepal length against petal length. Points are colored and shaped according to species, with a custom legend identifying each species by its unique symbol. The visualization uses D3.js (v7) to fetch and parse the CSV data from a GitHub repository, then renders the plot within an SVG. It constructs axis scales with `scaleLinear`, applies shape encodings through `scaleOrdinal` and `symbolsFill`, and generates marks via `symbolGenerator`, with axes and legends created by custom functions.

Ssatvikreddy79@gmail.com
92% match
Loading thumbnail…

Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. Points are colored and shaped by species, with a legend mapping shapes to the three iris species. The visualization is built using D3 v7, employing force-directed layout principles through `d3.scaleLinear` and `d3.scaleOrdinal` for scales. The chart fetches data from a remote CSV, parses it with `d3.csvParse`, and renders marks via `d3.symbol` with axes generated by `d3.axisLeft` and `d3.axisBottom`.

IIkram Mohammed
92% match
Loading thumbnail…

task 3.2

This example shows a scatter plot of the Iris dataset, with sepal length mapped to the x-axis, petal length to the y-axis, and species distinguished by different symbol shapes. A custom shape legend labels each species group. The visualization loads CSV data via `d3.csvParse` and uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, `symbolsFill`, and axis functions (`axisLeft`, `axisBottom`) to render marks and axes. A local ES6 module structure organizes the code into separate files for the chart, axes, and legend.

Jjangalaupender@my.unt.edu
92% match
Loading thumbnail…

Task-3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with species differentiated by shape. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom `shapeLegend` built with D3's `symbol` generator and tick marks shows the species mapping. Data is loaded via `csvParse` from a remote GitHub-hosted CSV file, and the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Sshivakumarganji@my.unt.edu
91% match