Scatter Plot with Iris Data

Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Points are colored by species—setosa in dark red, versicolor in dark blue, and virginica in light green—mapping petal length and width to x and y positions. The code loads data via `d3.csv`, applies scales with `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.select` and `.join`. Axis labels and ticks are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full window.

Vvarun-030

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scales. Data loads from a CSV via the `csv` function. The code also references sepal dimensions but does not plot them, and includes a custom marker function to assign colors to each species group.

Ssudhamshu24

Scatter plot for iris data set

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

Aachalasam

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with circles colored by species (red, yellow, blue). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG `circle` elements. Data loads from a remote CSV, and additional sepal dimensions are stored as circle properties but not visualized. Axes labels are added via SVG text, with a fixed radius of 5 pixels per point.

AAnanthulaaditya

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width to x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with circles rendered as SVG elements. Data is loaded via `d3.csv` from a GitHub gist, and radii are set to a constant value despite additional sepal measurements being parsed. Axis labels appear rotated for the y-axis, and the full window dimensions define the SVG canvas.

Ssaijahnaviappineni

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The plot displays 150 data points from the CSV source, loaded via `d3.csv`. The code uses D3 v6 APIs such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the SVG visualization. Axis labels indicate the measured attributes, while point positions are derived from parsed numeric fields for petal and sepal dimensions.

Tteohangxanh

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species: red for setosa, green for versicolor, and purple for virginica. The code loads CSV data via D3’s `csv` function, parses numeric columns, and builds scales with `scaleLinear` and `extent`. Circles are rendered as SVG elements with fixed radius, while axes are generated using `axisLeft` and `axisBottom`. The visualization also encodes sepal measurements as `rx` and `ry` attributes, though these do not affect circle appearance given the constant radius. The chart fills the browser window with a pale turquoise title.

Vvagdevi-369

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 within a React-free HTML page, leveraging `d3.csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and the code also destructures sepal dimensions but only uses them as unused attributes on each circle, not for positioning. The visualization fills the browser window with a large bottom margin.

RRohith arabati