Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ssatvikreddy79@gmail.com
Last edited Apr 6, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using a custom mapping function. Built with D3 v6, the example loads data via `d3.csv` from a GitHub URL, scales axes with `scaleLinear` and `extent`, and renders SVG circles with `select` and `.join`. Axis labels and ticks are added with `axisLeft` and `axisBottom`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
97% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—revealing distinct clusters. The example loads data from a remote CSV file using the `d3.csv` function, then renders the chart as an SVG. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to create the scales and axes, with the `select` and `join` pattern to bind data to circle elements.

Ssindhuja27b@gmail.com
96% match
Loading thumbnail…

Activity6_Task3_1

This scatter plot visualizes the Iris dataset, mapping petal length against petal width for individual flowers. Each point is colored by species—setosa, versicolor, and virginica—using skyblue, lightgreen, and orange. The visualization is built with D3 v6, loading data via CSV and rendering SVG circles. It uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom radius scaling based on sepal dimensions, though it does not apply multi-dimensional scaling.

Vvemurisuchitha@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization loads data from a CSV URL and renders using D3 version 6.7.0, employing `d3.csv` for data fetching, `scaleLinear` for axes, and `axisBottom` and `axisLeft` for chart labels. The SVG canvas is sized to the browser window, with axes and a titled header.

Hharshabandi3060@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. It uses d3.csv for data loading, d3.scaleLinear for positioning, and d3.axisLeft/axisBottom for axes. The SVG rendering uses d3.select and .join to create circles, with a rotation transform for the y-axis label.

Ssasidhharreddy@gmail.com
96% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
96% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
96% match