Skip to main content
SimilarExport ZIP
100%

activity7

✓ Published1🌍 Public
Ssahithitoomu@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. The plot uses D3 v6 with a linear scale for both axes, rendering data points as steelblue circles in an SVG. The code fetches CSV data from a GitHub gist, parses the numeric measurements, and uses `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to construct the chart. Axis lines and ticks are partially removed for a cleaner appearance, and labels for both axes are added.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species (setosa, versicolor, and virginica), with each species distinguished by a distinct color. It also encodes sepal length and width as horizontal and vertical radii of the circular marks, adding extra dimensions to the display. The visualization loads data from a GitHub gist via `d3.csv`, uses `d3.scaleLinear` for axes, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. The code imports D3 v6 from UNPKG and runs asynchronously to draw the chart.

Hharsha
92% match
Loading thumbnail…

Activity6

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

Aanushapodapati99@gmail.com
92% match
Loading thumbnail…

Activity6

This interactive scatter plot visualizes the Iris dataset, plotting petal length and width as the primary axes while encoding each flower’s species with distinct colors (skyblue, lightgreen, and orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Axes are labeled for petal length and sepal length, with the latter appearing as an additional annotation. The chart adapts to the full browser window size, and hover-free static marks convey the separation of species clusters.

Aanushapodapati99@gmail.com
92% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each of the three iris species colored differently (skyblue, lightgreen, and orange). It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendering since the radius is fixed. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and render axes. Data is loaded from a raw GitHub gist CSV file, and the SVG is sized to the full browser window.

Iindushashi.g@gmail.com
92% 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
92% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width across three iris species, with each species represented by a distinct color. The visualization uses D3 v6 to load the CSV data, create linear scales with d3.scaleLinear, and render SVG circles. Axes are generated using d3.axisLeft and d3.axisBottom, with axis labels for both variables. The code also parses additional sepal measurements but uses them only as data attributes rather than for visual encoding.

HHarshiiiiiiiip
92% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample while coloring points by species. The SVG rendering uses D3.js v6, loading data via CSV from a GitHub repository. The code employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and `csv` for data parsing. Circles are positioned with `cx` and `cy` attributes, with species-specific colors assigned through a switch function.

VVarshareddy2912
92% match