Fork of Data Visualization- Scatter Plot with Iris DataSet

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding sepal length and width as the horizontal and vertical radii of each circle. Points are colored by species (setosa, versicolor, virginica) using light blue, pink, and yellow. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, and loads data via `d3.csv` from a gist. The SVG rendering uses dynamic window dimensions and custom tick font sizing.

Vvarun-030

Fork of Data Visualization- Scatter Plot with Iris DataSet

This example visualizes the Iris dataset as a scatter plot, mapping petal length and petal width to x and y positions on a D3 v6 SVG. Points are colored by species—light blue for setosa, black for versicolor, and red for virginica—with fixed radius, while each circle also carries the sepal length and width as unused `rx` and `ry` attributes from the CSV data. The code uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load and render the plot, with axis labels indicating petal length and sepal length.

JJyothicherukuri

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes while encoding species with color (violet, orange, and green). The visualization also incorporates sepal measurements as the radius and an elliptical shape for each point. Built with D3 v6 and React, the code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data and render SVG circles, with axis labels and a large tick font size for readability.

Sspandhanabadekol

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for three flower species, with each species colored differently. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, and `axisLeft`/`axisBottom` functions to map data to SVG circles, with axis labels indicating the variables. Sepal measurements are also read into the data model, though not directly plotted. The chart is rendered in a full-window SVG with fixed margins and a large font for tick labels.

KKiran3295

Fork of Data Visualization- Scatter Plot with Iris DataSet

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) via a custom color function. The circles also encode sepal length and width as non-visual properties (rx and ry), though only a fixed radius is rendered. Built with D3 v6, the code loads CSV data using `d3.csv`, applies `scaleLinear` and `extent` for scaling, and renders axes via `axisLeft` and `axisBottom`. The SVG canvas fills the window, with a bottom margin accommodating custom axis labels for sepal length.

RRadhakrishna246

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species: lightblue for setosa, lightpink for versicolor, and yellow for virginica. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create scales, and render axes. The visualization also incorporates sepal measurements as radius properties, though the circles maintain a fixed radius of 5 pixels.

Jjeffchengtw

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to define scales and axes, rendering circles as SVG marks. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart fills the browser window, with tick labels styled at 24 pixels for readability.

RRamakanth771

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while colors denote the three species (setosa, versicolor, and others). It also embeds sepal length and width as additional attributes on the circles. The code loads CSV data via `d3.csv`, scales the values with `d3.scaleLinear`, and renders SVG circles using `d3.select` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window using `window.innerWidth` and `window.innerHeight`.

Eeravellisaimeghana