Skip to main content
SimilarExport ZIP
100%

Firoze_Task_3

✓ Published0🌍 Public
Sshaikfiroze186@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, encoding petal length on the x-axis and petal width on the y-axis, with each data point colored by species (setosa, versicolor, virginica). Using D3 v6, it loads CSV data via `d3.csv`, maps values with `scaleLinear`, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while explicit labels for petal_length and sepal_length are positioned via transforms. The plot fills the window, dynamically sizing to the viewport.

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.
  • We are Displaying the IRIS dataset using Scatter plot.
MIT Licensed

Similar vizzes

Loading thumbnail…

Firoze_Task9&10

This interactive scatterplot animates through the Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length every five seconds while the y-axis remains fixed. The visualization uses d3.v7 to render circles and axes with SVG, employing scaleLinear, extent, axisLeft, and axisBottom to map data values. The reusable scatterPlot function updates the chart dynamically, while colors encode species via text labels. Data is loaded as CSV from a GitHub gist.

Sshaikfiroze186@gmail.com
91% match
Loading thumbnail…

Activity6_task3

An interactive scatter plot of the Iris dataset displays petal length against sepal length, with each of the 150 flowers colored by species (setosa, versicolor, virginica). The visualization uses D3 v7 with a linear scale for both axes, an ordinal color scale for species categories, and an SVG-based legend. Data loads asynchronously via `d3.csv` from a GitHub gist, with axes rendered using `d3.axisBottom` and `d3.axisLeft`. The plot adapts to the browser window size, showing clear species clustering patterns.

FFayezuddin Mohammed Khan
89% 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
89% match
Loading thumbnail…

Activty6_Task3_1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) represented by a distinct color (skyblue, lightgreen, orange). The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub raw URL, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` to render ticks. SVG circles are positioned via `selectAll` and `join`, with styling based on parsed numeric columns for sepal and petal measurements. The code also includes custom axis labels for petal length and sepal length.

Ssriharshithaanugu5@gmail.com
89% match
Loading thumbnail…

activity6_task3

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.

Nnikhithaaitha22@gmail.com
89% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). It uses D3 v6 to load CSV data via `d3.csv`, scales with `scaleLinear`, and renders SVG circles with custom `rx` and `ry` attributes derived from sepal measurements. Axes are drawn using `axisLeft` and `axisBottom`, with labeled axes for petal length and sepal length. The plot fills the browser window and is styled with a red italic title.

Ssaiteja.cse.rymec@gmail.com
89% match
Loading thumbnail…

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
88% match
Loading thumbnail…

Task 3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while using color to distinguish the three species. Built with D3 v6, it renders circular SVG marks positioned by linear scales. The code loads CSV data from a GitHub repository, parses numeric fields, and draws axes using `axisLeft` and `axisBottom`. The visualization encodes sepal dimensions as attributes on each circle, though these are not visually mapped to size or shape.

IIkram Mohammed
88% match