Skip to main content
SimilarExport ZIP
100%

Fork of tutorial3

✓ Published0🌍 Public
Kkaushikreddy901@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from tutorial3

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. Points are colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The example uses D3 v6 to load CSV data from a GitHub URL and renders the chart as an SVG. The code implements `d3.scaleLinear` for axes and uses D3's `select`, `append`, and data join methods to create circles. Axis labels and titles are styled with HTML and CSS within the `index.html` file.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork Activity6_Tutorial-3.1-Scatter Plot

This example displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while color-coding each point by species (setosa, versicolor, or virginica). The visualization uses D3.js v6 to load the data from a CSV file via `d3.csv`, then renders circles in an SVG container. Scales created with `scaleLinear` and `extent` position the marks, while `axisLeft` and `axisBottom` generate the axes. The plot fills the browser window, with axis labels styled in green.

Aakhillenkalapally1999@gmail.com
92% match
Loading thumbnail…

Fork of Tutorial_3_sivani

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with points colored by species (setosa, versicolor, and virginica). The plot uses a linear scale for both axes and positions each circle using the `scaleLinear` and `extent` functions from D3. Axis labels are added via `axisLeft` and `axisBottom`, while the visualization is rendered as an SVG. Data is loaded from a remote CSV file, and the chart updates its size based on the browser window dimensions.

Kkommineniamarasadasivani2002@gmail.com
92% match
Loading thumbnail…

Tutorial 3.1

This scatter plot visualizes the Iris dataset, comparing petal length against petal width for individual flowers, with colors distinguishing the three species (setosa, versicolor, and virginica). It uses D3 v6 to load CSV data from a GitHub repository, scale linearly with `d3.scaleLinear`, and render circles in an SVG. The axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while separate labels indicate the plotted variables, although the code also loads sepal dimensions without displaying them in the final chart.

Jjtulasi05@gmail.com
92% match
Loading thumbnail…

Tutorial_3

This scatter plot visualizes the Iris dataset, mapping petal length along the x-axis and petal width along the y-axis, with each of the three iris species (setosa, versicolor, and virginica) distinguished by a different fill color. Built with D3 version 6, the visualization uses `d3.csv` to load data from a remote GitHub source and `d3.scaleLinear` to create the axes’ scales. The SVG circles are drawn using `d3.select` and a data join, while `d3.axisLeft` and `d3.axisBottom` render the labeled axes, with additional text annotations for the axes.

HHarshithakodakandla@my.unt.edu
92% 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
92% match
Loading thumbnail…

Tutorial3.1

This example uses D3 v6 to create a scatter plot of the Iris dataset, loaded via CSV from a GitHub repository. It visualizes petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code employs `d3.csv` for parsing, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. The SVG rendering uses `select` and `join` to bind data to circle elements.

Cchintamanenithp@gmail.com
92% match
Loading thumbnail…

Fork of tutorial3_extended

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with points colored and shaped by species. The plot is built using D3 v7’s modular APIs, including `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and a custom `axes` module for labeled axes. A separate legend, created with `symbol` and `tick` elements, clarifies the species symbols. Data is fetched from a remote CSV and parsed with `csvParse`, while the chart’s size adapts to the browser window.

Kkaushikreddy901@gmail.com
91% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length against petal width for individual flower specimens while color-coding points by species (setosa, versicolor, and virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to generate axes and map data to screen coordinates. The SVG circles are rendered with `select`, `append`, and a join operation, and the data is loaded via `d3.csv` from a raw GitHub source.

Bblikitha
91% match