Skip to main content
SimilarExport ZIP
100%

Fork of Tutorial_3_sivani

✓ Published1🌍 Public
Kkommineniamarasadasivani2002@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

Kkaushikreddy901@gmail.com
92% match
Loading thumbnail…

Tutorial_3.2_Sivani

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each point shaped according to species. It uses a customized D3 module system, importing the `axisLeft`, `axisBottom`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill` APIs to render axes, scales, and categorical shapes. The chart employs a shape legend to map species to symbols, and it loads data from a remote CSV file, parsing and converting the numeric columns before plotting. The visualization is built using D3 v7 within the VizHub framework, with a modular structure separating scatter plot, axes, and legend logic.

Kkommineniamarasadasivani2002@gmail.com
91% match
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
90% match
Loading thumbnail…

Fork of Varun_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x- and y-axes while encoding species with distinct colors and using sepal dimensions for circle radii. Built with D3 v6 (loaded via UNPKG), it employs `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render an SVG chart. The visualization adapts to the full viewport and includes custom axis labels, demonstrating basic data-joining and margin-based layout.

VVarunKumarKambhampati@my.unt.edu
90% match
Loading thumbnail…

Fork of Task-8(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

Ttallurisaiteja96@gmail.com
90% match
Loading thumbnail…

Fork of Task-8(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

Ttallurisaiteja96@gmail.com
90% match
Loading thumbnail…

Tutorial_Sivani

This interactive scatter plot animates through different pairings of Iris flower measurements, cycling the x-axis among petal width, sepal width, petal length, and sepal length while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a custom legend. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` within a reusable `scatterPlot` module, rendering as SVG with a `setInterval` driving the axis rotation. Data comes from a GitHub-hosted Iris dataset.

Kkommineniamarasadasivani2002@gmail.com
90% 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
90% match