Activity 7 Scatter Plot

100%

Activity 7 Scatter Plot

✓ Published0🌍 Public

Last edited Jul 3, 2023

Created on Jul 3, 2023

This scatter plot visualizes the Iris dataset, showing the relationship between petal length (x-axis) and petal width (y-axis), with each point colored by species—setosa, versicolor, or virginica. The code loads the CSV from GitHub using D3’s `csv` and `scaleLinear` to map the data to SVG circle elements. It also includes axis labels, a legend-less color mapping via a custom `marker` function, and uses `extent` for domain calculation. The SVG is rendered full-window with margins, and axes are added via `axisLeft` and `axisBottom`.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes. Each of the 150 data points is a circle, with colors representing the three species: setosa, versicolor, and virginica. The code uses d3.csv to load data from a GitHub repository, d3.scaleLinear for scaling, d3.extent to compute domains, and d3.axisLeft and d3.axisBottom to render the axes. The plot is rendered as an SVG, with circle elements positioned using attributes derived from the scaled data.

Hharipriyaa07

96% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset by mapping petal length and width. Each circle is colored by species: setosa in blue, versicolor in yellow, and virginica in green. The code loads CSV data from a GitHub URL using d3.csv and renders the plot as SVG circles. It uses D3 v6 scales (scaleLinear), axes (axisLeft, axisBottom), and extent to position the marks. The visualization includes axis labels and a centered title.

UUmarani Vemula

96% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using distinct fills. The SVG chart is built with D3 v6, loading data via the `csv` function from a remote GitHub URL, and using `scaleLinear` for axes, `extent` for domains, and `axisLeft`/`axisBottom` to render ticks. It also applies custom margins, a title, and axis labels with rotation to present the relationships between the flower measurements.

BBhavyaMammai

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species of iris flowers, with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via d3.csv, uses d3.scaleLinear with d3.extent to establish scales, and renders the plot as an SVG. Axes are drawn with d3.axisLeft and d3.axisBottom, while circle elements are bound to the data and positioned using scaled values, with labeled axes for petal and sepal measurements.

LLakshmanRangisetti

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for axes and `extent` to set domains from the CSV data. Circle marks are drawn with a fixed radius, and the code includes custom axis labels for petal and sepal measurements. Colors distinguish between setosa, versicolor, and virginica species.

SSharankumar02

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, using D3 v6 to map petal length and petal width for each sample. The visualization encodes the species of each flower through color, with setosa in skyblue, versicolor in lightgreen, and virginica in orange. Data is loaded from a remote CSV file using `d3.csv`, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` handle the scales and axes. The SVG circles are rendered with the `join` method, and the chart includes labeled axes for petal length and sepal length.

Aaniteshterala2000

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Data points are colored by species, with grey for setosa, skyblue for versicolor, and red for virginica. The visualization uses D3 v6, loading data from a remote CSV file via the `csv` function and rendering circles as SVG marks. It employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom styling for text elements.

AArun Pratap

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and petal width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the axes with `scaleLinear`, and renders circular marks via SVG. It also maps sepal length and width to each circle’s horizontal and vertical radius, creating an additional layer of variation. Axis labels and tick text are styled through D3’s `axisBottom` and `axisLeft` APIs.

Mmandadi1999

95% match