Fork of Activity 6_Task 3

100%

Fork of Activity 6_Task 3

✓ Published0🌍 Public

Last edited Apr 4, 2024

Created on Apr 4, 2024

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

AI-generated description

Here we are generating scatterplot using Iris dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com

96% match

Loading thumbnail…

Fork of Activity 6_task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (skyblue, lightgreen, or orange). It uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with circle marks and labeled axes. The data is loaded from a remote CSV via `d3.csv`, and axis labels are rotated using SVG transforms.

KKarnam Abinay Goud

95% match

Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while using color to distinguish the three iris species. The D3.js v6 code loads the data from a remote CSV file, applies linear scales to position the circles, and renders the chart as an SVG. Custom axes, tick labels, and green axis labels annotate the plot, with the styling specified through inline CSS within an HTML page.

Sshivakumarganji@my.unt.edu

95% match

Loading thumbnail…

fork of activity6_task_3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring each point by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The D3 v6 code loads CSV data from a GitHub URL, uses scaleLinear with extent for axes, and renders circles with SVG. Axis labels clarify petal length and sepal length, with d3.axisLeft and d3.axisBottom providing tick marks.

JJaswanthkota@my.unt.edu

95% match

Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu

95% match

Loading thumbnail…

Activity 6_Task 3

This scatterplot displays the Iris dataset’s petal length against petal width for all samples, with each point’s fill color indicating its species (setosa, versicolor, or virginica). The visualization also captures sepal dimensions as supplemental attributes on the circles, though they do not affect the positions. Using D3 v6, the code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, renders SVG circles through a data join, and adds axes with `d3.axisLeft` and `d3.axisBottom`. Axis labels are drawn as rotated text, and the chart resizes to the window dimensions.

Aanusha.chilkamarri26@gmail.com

94% match

Loading thumbnail…

Fork of Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length and width for three species, color-coded by species type. It uses D3 v6, loading data from a GitHub-hosted CSV file and rendering SVG circles. The visualization demonstrates core D3 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to create interactive axes and custom-styled markers.

KKondreddy Saikiran reddy

94% match

Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) via a simple switch function. The visualization uses d3.csv to load remote CSV data, then d3.scaleLinear with extent domains to map values to screen coordinates, and d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered as SVG elements with fixed radius via d3.selectAll().join(), while sepal length and width are stored as unused data fields. The plot fills the browser viewport, with green axis titles rotated vertically for the y-axis.

Aaschowdary.shashi@gmail.com

94% match