Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial3.2_Rashmitha

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

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and distinguishing species by shape (circles, squares, and other symbols). It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse` APIs to load and transform data, with `axisLeft` and `axisBottom` for axes. The plot includes a custom shape legend and updates dynamically as data loads, rendered in an SVG canvas sized to the window.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-Tutorial3-Rashmitha

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species, which are distinguished by color: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization loads data from a remote CSV file using the promise-based d3.csv function, and constructs the plot using D3 v6's scaleLinear, extent, axisLeft, and axisBottom utilities. Each data point is rendered as an SVG circle, with axes labeled "Petal_Length" and "sepal_Length" despite the y-axis unexpectedly being used for petal width.

Rrashmithatanneru@gmail.com
92% match
Loading thumbnail…

Activity6-Question3-Rashmitha

This scatter plot visualizes Fisher's Iris dataset, mapping petal length and width against sepal length and width. Each point on the SVG canvas represents a flower, with its color (skyblue, lightgreen, or orange) indicating the species (setosa, versicolor, or virginica). Built with d3.v6, the code loads CSV data from a GitHub URL, uses `scaleLinear` for axis scaling, and renders circles with `d3.select`'s `.join` method. The chart includes labeled axes for petal and sepal lengths, with a legend implied by the colored markers.

Rrashmithatanneru@gmail.com
90% match
Loading thumbnail…

Activity6_tutorial3.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 encoded by distinct marker shapes. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` within `scatterPlot.js` and `shapeLegend.js` to render the marks and a custom legend. Axes are drawn using `axisLeft` and `axisBottom`, and data is fetched as CSV and parsed with `csvParse`. The plot updates in response to window resizing, using SVG for rendering.

Cchinnivikramnunna@gmail.com
89% match
Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, showing sepal length against petal length with each species represented by a distinct symbol. The visualization uses D3.js v7 APIs including scaleLinear, scaleOrdinal, and symbol to create the plot, with axes imported from the d3-axis module. A custom shape legend displays the species mapping using D3's symbol generator. The data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse, with careful number coercion for numeric columns.

Vvenkatdinesh5010@gmail.com
89% match
Loading thumbnail…

Activity 6_tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by distinct marker shapes. Using D3.js version 7, the visualization employs scales from `scaleLinear` and `scaleOrdinal`, along with the `symbol` API to generate shape-based marks. The plot includes labeled axes from `axisLeft` and `axisBottom`, and a custom shape legend. Data is loaded asynchronously from a CSV file and parsed with `csvParse`, with point positions calculated via the `xScale` and `yScale` functions.

Ssairohithchada@gmail.com
89% match
Loading thumbnail…

activity6_tutorial3.2

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Points are colored and shaped by species, with a custom legend displaying the categorical shapes. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` and `symbolsFill` for shape encoding, and `d3.csvParse` to load data from a remote CSV file. Axes and legend are modularized into reusable functions that render via SVG.

Sshreshikaveerannagari@gmail.com
89% match
Loading thumbnail…

ctivity6-Tutorial3-Rashmitha

This scatter plot visualizes the Iris dataset, mapping Weight on the x-axis and Height on the y-axis, with points colored by animal type (dog, cat, or other). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded asynchronously from a CSV file via `d3.csv`. The code filters points by species using a color marker function, with axes labeled in green and a red title.

Rrashmithatanneru@gmail.com
88% match
Loading thumbnail…

Activity 6 Tutorial 3.2

A scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, while encoding species with different point shapes via d3.scaleOrdinal and d3.symbol. A custom shape legend, built with d3.symbol, displays the species categories. The code uses d3.csvParse for data loading, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for tick rendering. Axes and legend labels are positioned manually, with the plot resizing to the full browser window.

Ssharanyabobbala@my.unt.edu
88% match