Skip to main content
SimilarExport ZIP
100%

Activity 7 Tutorial

✓ Published1🌍 Public
Nnikhilthoutu24@gmail.com
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing petal length against petal width. Each circle is colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The plot uses D3’s `csv`, `scaleLinear`, `extent`, and axis components, with SVG circles positioned via `cx` and `cy` attributes. Sepal length and width are parsed from the CSV but remain unused for positioning. Axis labels are added as rotated and standard text elements, with a green font style.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity8tutorial 3

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Points are colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—with circle radii fixed at five pixels. The visualization loads data from a remote CSV via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` for scales. Axes are generated with `d3.axisLeft` and `d3.axisBottom`. The code also maps sepal dimensions to circle attributes, though these do not affect rendering. SVG elements are bound and updated with `selectAll(...).data(...).join(...)`.

BBindumadhavi
96% match
Loading thumbnail…

Activity6_Tutorial3-1

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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses d3.scaleLinear for axis scaling, d3.extent to compute data domains, and d3.axisLeft/d3.axisBottom for tick rendering. Circles are drawn as SVG elements with a fixed radius, while the code also calculates sepal dimensions for each point but does not apply them to the mark size. Data is loaded asynchronously from a CSV via d3.csv, and the chart resizes to the browser window.

Kkaringusathwika@gmail.com
95% match
Loading thumbnail…

Activity 6 Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each dot colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, with circles sized by a fixed radius but also encoding sepal dimensions via the `rx` and `ry` attributes. Data loads from a GitHub-hosted CSV file, and axes are labeled with rotated text.

Kkoushikkumarreddykoorapati@my.unt.edu
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length on the x-axis against petal width on the y-axis. Each circle is colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—with the selected sepal measurements also encoded as circle radii. The visualization uses D3 v6 with SVG rendering, loading remote CSV data via `d3.csv`, scaling axes with `d3.scaleLinear`, and drawing circles via `d3.selectAll` and `.join`. Axis labels are added using SVG text elements.

Lleftymadi
95% match
Loading thumbnail…

Activity 6 Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using green, orange, and skyblue markers. The visualization also encodes sepal dimensions as the x and y radii of each circle. Built with d3.v6, the example uses `d3.csv` to load data from a GitHub gist, `d3.scaleLinear` for axes, and `d3.extent` to compute domains, rendering circles as SVG elements with axis labels and ticks.

Kkoushikkumarreddykoorapati@my.unt.edu
95% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization uses d3.v6 to load the CSV data, scaleLinear for axes, and axisLeft/axisBottom to render the scales. Points are drawn as SVG circles, and while the code references sepal dimensions, the visible plot only displays petal measurements.

Ggreeshmareddy135@gmail.com
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length against petal width with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization uses D3 v6 scales and axes via d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map the data. Data is loaded as CSV from a GitHub repository, and circles are rendered as SVG elements with fixed radius and dynamic fill colors. The chart includes rotated axis labels for petal length and sepal length.

Mmn0658
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length versus petal width with points colored by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. It also encodes sepal length and width as the rx and ry properties of each circle, though these do not affect the visible shape since the radius remains fixed. Built with D3 v6, the code loads CSV data via `d3.csv`, scales the axes with `scaleLinear`, draws circles using SVG, and adds labeled axes with `axisLeft` and `axisBottom`.

Iindushashi.g@gmail.com
95% match