3questionactivity6

Activity6-question3

This example displays a scatter plot of the Iris dataset, mapping petal length against petal width while color-coding points by species (skyblue, lightgreen, and orange). Data is loaded via `d3.csv` from a GitHub repository, and scales are created with `d3.scaleLinear` using `d3.extent`. The SVG circles are rendered with `d3.selectAll` and `.join`, while axes are added via `d3.axisLeft` and `d3.axisBottom`, with custom labels and styling.

Mmeenam1106@gmail.com

Ssaisnehapalle@my.unt.edu

Activity6_Question 3.1

This scatter plot displays the relationship between vehicle mileage and price across different car types, using color-coded circles for the Iris dataset. The visualization loads data from a CSV file via d3.csv, parses the numeric values, and maps them to SVG circle elements using d3.scaleLinear scales. Coordinate axes are rendered with d3.axisLeft and d3.axisBottom, while circle colors are determined by a custom marker function that assigns distinct hues to each car type. The chart is built with D3 v6, using the select, extent, and join methods to bind data to SVG elements.

Ppuppireddyarchana@gmail.com

activity3_question6

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species. The visualization uses D3.js scaling and axis functions (`scaleLinear`, `axisBottom`, `axisLeft`) to render points colored by species, with hover interactions on the legend highlighting specific species while fading others. The chart includes a title, subtitle, source attribution, and a vertical legend, all styled with BBC-inspired colors. Data loads asynchronously from a CSV file via D3's `csv` parsing, with responsive sizing handled through a `ResizeObserver`.

Bbhargavireddy4016@gmail.com

Activity-6 task-3

This example displays a scatter plot of the Iris dataset, positioning points by petal length on the x-axis and petal width on the y-axis. Circles are colored by species (skyblue for Setosa, lightgreen for Versicolor, orange for Virginica), with a legend below. The visualization uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes. Rendering occurs through SVG elements appended to the body, with the plot sized to the full browser window.

question3activity6

This example visualizes the classic Iris dataset as a scatter plot, plotting petal length along the x-axis and petal width along the y-axis. It colors each point by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The visualization loads CSV data from a GitHub gist, parses numeric columns, and uses d3.scaleLinear with extents to map values to screen coordinates. It renders SVG circles with fixed radius and draws axes using d3.axisLeft and d3.axisBottom, along with rotated and positioned text labels for the axes.

Vvaishnavi6gan@gmail.com

Nneerajreddyaluka@gmail.com

Activity6_Question3

This scatter plot visualizes the Iris dataset, mapping sepal length and sepal width for three species (setosa, versicolor, virginica) as colored circles. Using D3 v6 via UNPKG, it employs `csv` to load data, `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick labels, and `select` to build an SVG. The plot is responsive, sized to the browser window, and styled with a red, centered title.

Gganeshrajuparmalla@my.unt.edu

question-3

This scatter plot visualizes a dataset, mapping one attribute to the x-axis and another to the y-axis, with each point’s color representing a species category. The visualization uses the D3 library (v6) to load CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the points as SVG circles. Additional data fields for sales cost and rating are mapped to the circle’s `rx` and `ry` attributes, though they are not visually apparent in the default rendering. Axis labels are added using SVG text elements.

VVenkataSaisrivishnuBatchu@my.unt.edu

Question3 of Activity6

This scatter plot visualizes the IRIS dataset, displaying the relationship between the X1 and X2 coordinates for different categories, which are distinguished by color. The visualization uses D3.js v6 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for the axes, and `scaleOrdinal` with `d3.schemeCategory10` to color the data points by their categorical Y values. The plot also includes labeled axes using `axisLeft` and `axisBottom`. The circle elements are positioned using the scaled X1 and X2 values, with each category receiving a distinct color.