Skip to main content
SimilarExport ZIP
100%

Vinay Task 2

✓ Published1🌍 Public
VVinay Kumar Parvathini
Last edited Mar 8, 2026
Created on Mar 8, 2026
Forked from Vinay Task 1

This scatterplot visualizes the relationship between petal length and petal width in the Iris dataset. Each purple circle represents a flower, with positions mapped by D3 linear scales on both axes. The visualization is built using React to manage the component lifecycle, while D3 v7 handles SVG rendering, axis generation, and data loading via `d3.tsv` from a GitHub gist. The chart includes labeled axes and a bold title, with circles styled with semi-transparency to reveal overlapping data points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Vinay Task

This example uses a scatterplot to explore the relationship between petal length and petal width in the Iris dataset. It loads the data via `d3.tsv`, converts the numeric fields, and renders purple circles through the SVG-based D3 API. The chart uses `d3.scaleLinear` to map the continuous variables to the plotting area and displays them with `d3.axisBottom` and `d3.axisLeft`. Both axes are labeled, and a bold title describes the plot’s purpose. The visualization is built with React, which manages the container element, while D3 handles the SVG drawing.

VVinay Kumar Parvathini
95% match
Loading thumbnail…

Vinay

A purple scatterplot displays the relationship between petal length and petal width for the Iris dataset. Each circle represents a sample, with axes labeled and a bold title. The code uses React and D3 v7 to fetch TSV data, parse numeric values, and render SVG circles via `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft`.

VVinay Kumar Parvathini
93% match
Loading thumbnail…

Fork of Vinay

A scatterplot shows the relationship between petal length and petal width for the Iris dataset, with each point colored purple and partially transparent. Built with React and D3 v7, the code loads tab-separated data via `d3.tsv`, then uses `d3.scaleLinear` and `d3.extent` to map values, `d3.axisBottom` and `d3.axisLeft` for axes, and appends SVG circles with x/y coordinates derived from the scaled data.

VVinay Kumar Parvathini
90% match
Loading thumbnail…

task -2

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, virginica). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load the CSV data, map the measurements to x and y coordinates, and render the axes. Points are drawn as SVG circles in the browser window, with a custom color-mapping function assigning distinct colors to each iris species. The chart also includes descriptive axis labels for the petal measurements.

SSheela2930
87% match
Loading thumbnail…

Activity6_Task3.1

This visualization displays the Iris dataset as an interactive scatter plot, plotting petal length on the x-axis and petal width on the y-axis. Each point represents an individual iris flower, with color-coding by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization is rendered as SVG using React and D3 v6, loading CSV data from GitHub via `d3.csv`. Scales are created with `scaleLinear`, axes with `axisLeft` and `axisBottom`, and marks are drawn as circles with `d3.selectAll` and `.join`.

Vvarun.mahankali39@gmail.com
86% match
Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents an individual flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code uses D3 v6 functions including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering as SVG in a React-free HTML page. Data is loaded from a remote CSV via `d3.csv`, with axes labeled in green and a red title.

Lleelakrishnadivi7@gmail.com
86% match
Loading thumbnail…

Activity6_Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length (x-axis) and petal width (y-axis). Each point represents a flower sample, with color encoding indicating the iris species (setosa, versicolor, or virginica). The visualization uses D3 v6, loading CSV data directly from a GitHub repository, and employs `scaleLinear` for axes and `axisLeft`/`axisBottom` for tick marks. Circles are rendered as SVG elements, with a legend implied by the color mapping.

Hharinihari6791@gmail.com
86% match
Loading thumbnail…

Activity_6 Task 3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three iris species (setosa, versicolor, and virginica), with each species represented by a distinct color. The visualization uses D3.js v6 to load the data from a GitHub-hosted CSV, scale linearly based on data extents, and render circles in SVG. It displays axes with tick labels and axis titles, and positions the marks according to the petal dimensions, highlighting species-based color encoding.

Rreddyjathin95@gmail.com
86% match