Skip to main content
SimilarExport ZIP
100%

Fork of Task 8_tutorial3.2

✓ Published0🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 16, 2024
Forked from Task 8_tutorial3.2

This scatter plot maps sepal length against petal length for the Iris dataset, with each point’s shape encoding the species. A custom shape legend identifies the three species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal and symbolsFill for categorical shapes, and the axes and shapeLegend modules to compose the chart. Data is loaded via fetch and parsed with d3.csvParse.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task 8_tutorial3.2

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length for different iris species. The chart encodes each data point as a distinct shape, using the `d3.symbol` API with a `symbolsFill` scale to differentiate species, and includes a shape legend generated via `shapeLegend`. The visualization uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` for species mapping, with custom axis and legend utilities built on D3's selection join pattern. Data is fetched as CSV from a GitHub repository and parsed with `d3.csvParse`.

LLakshmiPrasannaValdas@my.unt.edu
94% match
Loading thumbnail…

Fork of task 8 tutorial 3.2

This scatter plot displays iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with points shaped by species. It uses d3’s `scaleLinear` and `scaleOrdinal` to position and style the marks, and `symbolsFill` to generate distinct shapes. A custom legend shows the species-to-shape mapping. The visualization loads its CSV data from a GitHub repository, parses it with `csvParse`, and renders the chart with `select` and `join` operations from d3.v7.

Vvchittimadha@gmail.com
93% match
Loading thumbnail…

Fork of Task8_Task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization includes a custom shape legend positioned within the plot. It uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and the `symbol` generator to render marks. Data loads asynchronously from a CSV file via `fetch` and `csvParse`, with axes and legend constructed through reusable functions that accept configurations.

Jjyothirmai318@gmail.com
92% match
Loading thumbnail…

Fork of Task8_Q3_2

This visualization is a scatter plot of the Iris dataset showing sepal length on the x-axis and petal length on the y-axis, with points colored by species and encoded with different shapes via a categorical scale. It includes a shape legend for the iris species (setosa, versicolor, virginica) and labeled axes. The plot is rendered using D3.js v7 with SVG paths generated by the `d3.symbol` API, and data is fetched as CSV from a GitHub repository. The modular code imports axis and legend helpers that use `d3.axisLeft`, `d3.axisBottom`, and `d3.scaleOrdinal`.

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

Fork of Task 8 tutorial 3.2

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using distinct symbols to differentiate the three iris species. A legend with matching shapes identifies each species. The visualization is built with D3 v7, using `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for the shape encoding, and `d3.csvParse` to load the data from a remote CSV file. The chart updates smoothly via a state-based render loop triggered by `setState`.

Vvchittimadha@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Task-3.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 species names. The visualization is built using D3 v7, specifically using `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom` for axes. The code fetches a CSV file, parses it with `d3.csvParse`, and converts numeric columns to numbers before rendering the plot with SVG paths.

Vvchittimadha@gmail.com
92% match
Loading thumbnail…

Fork of activity8-task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length, with species distinguished by different point shapes. It uses the d3 library's scaleLinear for axes, scaleOrdinal with symbolsFill for shape mapping, and a custom shapeLegend. Data is loaded from a GitHub CSV and parsed with csvParse. The implementation uses d3 selection joins for element creation and symbol() for generating SVG path data.

Bbobbymeyermsis@gmail.com
91% match
Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the Iris dataset, plotting sepal length against petal length and using different point shapes to distinguish between the three iris species. The visualization uses D3 v7 to create the plot, with a categorical shape scale assigning distinct symbols (from `symbolsFill`) to each species. Axes are rendered using D3's `axisLeft` and `axisBottom` functions, while a custom legend wizard communicates the shape-to-species mapping. Data is fetched asynchronously from a remote CSV file and parsed with `csvParse` before being passed to the chart.

Jjyothirmaijyothi2017@gmail.com
91% match