Skip to main content
SimilarExport ZIP
100%

task 3.aCOLOR

✓ Published0🌍 Public
GGanesh Gundekarla
Last edited Apr 5, 2025
Created on Apr 5, 2025
Forked from Hello VizHub

This visualization displays the Iris dataset as a scatter plot, using petal length and petal width to position circles colored by iris species (setosa, versicolor, and virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data joins via `selectAll` and `join`. Data is loaded asynchronously from a GitHub-hosted CSV using `d3.csv`, and each mark’s size and shape derive from sepal measurements, though the fixed radius and rx/ry attributes do not alter appearance. Axis labels are added as SVG text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
92% match
Loading thumbnail…

task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The code draws circles using SVG, applying a custom `marker` function to assign colors based on the species field. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and chainable selections with `.join()`. Data is loaded from a remote CSV file, and the plot includes labeled axes with custom text styling.

VVrushikaKanaparthy@my.unt.edu
92% match
Loading thumbnail…

Task3

This scatter plot visualizes the Iris dataset, showing petal length and petal width for three flower species, each represented by a distinct color (setosa in sky blue, versicolor in light green, and virginica in orange). The visualization loads CSV data from a GitHub repository, parses it with d3.csv, and renders SVG circles using d3.scaleLinear for both axes. The code explicitly maps the data values to x and y positions, though the circle elements also carry sepal measurements as extra properties, and uses d3.axisBottom and d3.axisLeft to display the labeled scales.

Nnitishsurneni@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species. Using D3 v6, it loads CSV data via `d3.csv`, applies `scaleLinear` for both axes, and renders circles with `d3.selectAll` and `.join`. Axis labels are added via `axisLeft` and `axisBottom`, with rotated text for the vertical label. Despite naming variables for sepal length and width, only petal dimensions are plotted, while species hues are hardcoded for setosa, versicolor, and virginica.

Aamarnadhkari98@gmail.com
91% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, using petal length and petal width to position each flower, with colors distinguishing the three species (setosa, versicolor, and virginica). Additional sepal measurements are encoded as circle radii, though the visual range of this encoding is limited. The visualization is built with D3 v6, loading CSV data from a remote URL, and rendering SVG circles scaled via `scaleLinear` with axes generated by `axisLeft` and `axisBottom`. The code explicitly assigns circle attributes for position, fill color, and radius, and labels the axes for petal and sepal dimensions.

Aamarnadhkari98@gmail.com
91% match
Loading thumbnail…

Activity6_task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Data points are colored by species (setosa, versicolor, and virginica) using a predefined color scale. The example uses D3 v6 via UNPKG, loading CSV data asynchronously with `d3.csv`, and rendering circles with an SVG-based approach. Axes are generated through `d3.axisLeft` and `d3.axisBottom`, with linear scales (`d3.scaleLinear`) for positioning and `d3.extent` for domain calculation, resulting in a clean, labeled chart.

Jjahnavigummadi@my.unt.edu
91% match
Loading thumbnail…

Task 3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while using color to distinguish the three species. Built with D3 v6, it renders circular SVG marks positioned by linear scales. The code loads CSV data from a GitHub repository, parses numeric fields, and draws axes using `axisLeft` and `axisBottom`. The visualization encodes sepal dimensions as attributes on each circle, though these are not visually mapped to size or shape.

IIkram Mohammed
91% match
Loading thumbnail…

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
91% match