Skip to main content
SimilarExport ZIP
100%

activity6_task3

✓ Published0🌍 Public
Nnikhithaaitha22@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring each point by species (setosa, versicolor, or virginica) using D3's `csv` loader and `scaleLinear` scales. The SVG rendering uses `axisLeft` and `axisBottom` for labeled axes, with tick text styled at 20 pixels. Circle marks are colored skyblue, lightgreen, or orange, and the chart includes green axis labels for sepal length and petal length. The visualization reads data from an external CSV file hosted on GitHub.

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.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica). The visualization uses d3.csv to load the data, d3.scaleLinear to map values to coordinates, and d3.axisLeft/d3.axisBottom for axes. The SVG circles are positioned using the scaled dimensions, while the code also reads sepal measurements but does not use them in the final rendering. The plot is displayed with custom font styling and colored axis labels.

Nnikhithadadi@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task3

This interactive 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 (setosa, versicolor, virginica) using the D3 v6 library with SVG rendering. The visualization loads CSV data from a GitHub repository using `d3.csv` and scales values with `scaleLinear`. Axes are generated using `axisLeft` and `axisBottom`, while the data values for sepal dimensions are encoded as custom attributes on the circles but are not visually represented on the plot.

Sskykarthik97@gmail.com
95% 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
95% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization loads CSV data from a GitHub gist using d3.csv, then renders circles using d3.scaleLinear axes and d3.axisLeft/axisBottom. Each circle's radius is fixed, though the code also stores sepal measurements as rx/ry attributes, and the SVG output is generated with D3 v6, filling the browser window.

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

activity6_task3

This scatter plot displays the Iris dataset, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, virginica) using custom colors. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for scales and `d3.axisLeft` and `d3.axisBottom` for labeled axes. Data loads asynchronously from a GitHub-hosted CSV via `d3.csv`, and circles are joined to the SVG using `selectAll` and `data`. The chart fills the viewport with margins and includes rotated axis labels.

Bbhavyamoturi2509@gmail.com
95% match
Loading thumbnail…

Activity6_Task 3.1

This scatter plot visualizes the Iris dataset, showing petal dimensions with points colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. Built with D3 v6, the visualization maps sepal length and width to the x and y axes, and encodes petal dimensions in the circle's rx and ry attributes. The code uses d3.csv to load remote data, d3.scaleLinear for axis scaling, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for axis rendering, with the SVG output filling the browser window.

Tthoutunikhitha@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for each sample and coloring the data points by species (setosa, versicolor, virginica). It uses D3 version 6's `csv` loader to fetch the data from a GitHub raw URL, then employs `scaleLinear` for scaling, and the `axisLeft` and `axisBottom` APIs to render the axes. The visualization is drawn as SVG circles onto the full browser window, with a red title and green axis labels.

Kkondaveeti.bhargavi7780@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, and virginica). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` functions to render axes, with data loaded via `d3.csv` from a GitHub-hosted CSV file. Each circle’s position corresponds to petal dimensions, while its fill color maps to species through a custom marker function. The SVG output also includes rotated axis labels and a red-styled title, with data parsed from the CSV’s numeric columns.

Gguttavenkata745@gmail.com
95% match