Skip to main content
SimilarExport ZIP
100%

Task8_Tutorial2

✓ Published4🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, using distinct symbols to differentiate species categories. The visualization loads the Iris dataset from a remote CSV, parses it with `csvParse`, and renders the plot using D3 v7’s `symbol` generator and `scaleOrdinal`. It includes custom axes with labels and a shape legend positioned on the right. The code demonstrates reusable D3 modules for scatter plotting, axis drawing, and legend rendering, highlighting how to structure modular visualizations with data-driven joins and asynchronous state management.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task8_Tutorial3.2

This visualization displays an interactive scatter plot of the Iris dataset, mapping sepal length against petal length. Each of the three iris species is represented by a distinct symbol shape, with a custom legend identifying the species categories. The implementation uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded asynchronously from a CSV file via `csvParse` and rendered within a full-window SVG canvas.

KKeerthi
93% match
Loading thumbnail…

Fork of Task8_Tutorial2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. It uses D3 v7 to render SVG circles as symbols, with different shapes representing iris species via `scaleOrdinal` and the `symbolsFill` API. A custom shape legend is drawn using `symbolGenerator`, and axes are generated with `axisLeft` and `axisBottom`. Data loads asynchronously from a GitHub-hosted CSV file and is parsed with `csvParse`.

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

Task8_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. Each data point’s shape encodes the flower species, with a legend identifying the three categories. The visualization, built with d3.v7 and the d3.scaleLinear, d3.scaleOrdinal, and d3.symbol APIs, renders SVG marks and axes, loading data from a CSV file via d3.csvParse. The plot updates dynamically as the browser window is resized, with axes and legend drawn using custom modules that leverage d3.axisBottom, d3.axisLeft, and d3.symbol.

Ppranayrajana.97@gmail.com
93% match
Loading thumbnail…

Task 8 tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through different symbol shapes. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to positions and shapes. The visualization fetches the iris dataset from a GitHub-hosted CSV file, parses it with `csvParse`, and renders axes via `axisLeft` and `axisBottom`, alongside a custom legend built with `symbol()`.

Vvchittimadha@gmail.com
92% match
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
92% 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
92% match
Loading thumbnail…

Task8_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. It uses D3 v7’s `scaleLinear` and `scaleOrdinal` for axes and shape encoding, while `symbol` and `symbolsFill` generate distinct point markers. Data is loaded from a remote CSV via `csvParse`.

Sshraehithareddy@gmail.com
92% match
Loading thumbnail…

Task3.2

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, distinguishing each species with a distinct symbol shape and a legend. The visualization uses D3 v7 scales, axes, and reusable chart modules, with the scatterPlot component rendering SVG path marks via d3.symbol. The axis and legend components are composed using D3’s selection joins and call syntax. Data loads asynchronously from a remote CSV file, parsed with d3.csvParse, and scales are computed from extents using d3.scaleLinear and d3.scaleOrdinal.

Ssindhuja27b@gmail.com
91% match