Skip to main content
SimilarExport ZIP
100%

activity6_tutorial3.1

✓ Published1🌍 Public
Sshreshikaveerannagari@gmail.com
Last edited Apr 5, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding species with distinct colors. The D3 v6 code loads CSV data from a GitHub repository, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create the chart. Circles are drawn via `svg.selectAll('circle').data(marks).join('circle')` for each observation. Axis labels appear in green, and the plot fills the browser window, with a legend implied by the color mapping for setosa, versicolor, and virginica species.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load the CSV data from a GitHub repository and render the scatter plot as an SVG, with linear scales for both axes and axis labels for petal length and sepal length. The code constructs circles with D3 joins, assigning distinct colors based on species categories, and includes left and bottom axes using D3's axis functions.

Sshreshikaveerannagari@gmail.com
96% match
Loading thumbnail…

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.

Vvidiyalasahithi1999@gmail.com
95% match
Loading thumbnail…

Activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—with all points rendered as fixed-size circles. The visualization uses the `d3.csv` loader to fetch data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG canvas resizes to the browser window, and the code employs D3's data-join operator (`.join`) to efficiently bind data to circle elements.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

activity6 tutorial 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (blue, green, or orange). The chart uses D3 v6 methods including `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisLeft`/`d3.axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and text labels for axes are rotated and styled. Data comes from a GitHub-hosted CSV file, parsed with a custom row handler.

Nnissisharon61@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.1

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, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com
94% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
94% match
Loading thumbnail…

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com
94% match
Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com
94% match