Skip to main content
SimilarExport ZIP
100%

Fork of Activity_6_Task3.1

✓ Published0🌍 Public
Aamireddy.sw@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity_6_Task3

This scatter plot visualizes six samples from the IRIS dataset, mapping numerical xValue and yValue coordinates while color-coding points by their category (setosa, versicolor, or virginica). Built with D3.js v6, it renders an SVG with linear scales and axis generators (`d3.axisBottom`, `d3.axisLeft`). Interactive tooltips appear on mouseover, revealing each point's values and category, with the tooltip fading in and out via D3 transitions.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

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
86% match
Loading thumbnail…

Fork of Activity 6_Task 3

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.

Aanusha.chilkamarri26@gmail.com
85% 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
85% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample point while also encoding sepal measurements as circle radii. The SVG rendering uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.csv to load the data from a GitHub gist. Circle colors differentiate the three iris species via a switch statement, assigning skyblue, lightgreen, or orange fills. The visualization fills the entire viewport and includes rotated axis labels for clarity.

Aajaykumarseelam@my.unt.edu
84% 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
84% 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
84% match
Loading thumbnail…

Fork of Activity_6 Task-3.1

This scatter plot visualizes the Iris dataset, using the D3 v6 API to map petal length and width along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The visualization loads data from a remote CSV file via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to scale the axes, and renders circles with `d3.select` and `.join`. Axis labels are drawn with `d3.axisBottom` and `d3.axisLeft`, and the chart’s dimensions adapt to the browser window.

Kkrishna444battula@gmail.com
84% match
Loading thumbnail…

Fork of Fork of Activity 6 task 3

This scatter plot displays four attributes of the Iris dataset—petal length, petal width, sepal length, and sepal width—with each flower species colored distinctly (setosa in skyblue, versicolor in lightgreen, and virginica in orange). It uses d3.csv to load the data and d3.scaleLinear with d3.extent to map values to screen coordinates. Circles are rendered via SVG using the data-join pattern, while axes are created with d3.axisLeft and d3.axisBottom, with rotated and positioned text labels for the quantitative variables.

RRakesh Yadav
84% match