scatter plot

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

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v7 with the `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` APIs to load and render the data as SVG circles. Axis labels indicate "Petal Length" and "Sepal Length," though the latter appears mislabeled relative to the plotted variables. The chart fills the browser window with margins and styled tick text.

Ffloraho401

Scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower and coloring points by species (setosa, versicolor, virginica). The visualization uses D3 v6 within a React setup, loading CSV data via `d3.csv` and rendering SVG circles. Axes are created with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and `d3.extent`. The chart also includes axis labels, but notably, the x-axis text incorrectly labels petal length as "Sepal_Length," and the circle attributes include non-standard `rx` and `ry` properties.

Kkakumanusreya

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 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

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG chart. Circle marks encode petal measurements, while sepal length and width are stored as unused `rx`/`ry` attributes. The axes are labeled with rotating text, and the visualization fills the browser window, with the data fetched from a GitHub-hosted CSV file.

Bbhargavarathod

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA

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