Skip to main content
SimilarExport ZIP
100%

ICE-7 Assignment Venkata Rajashekar Reddy

✓ Published1🌍 Public
VVenkata Rajashekar Reddy Chinthala
Last edited Mar 27, 2022
Created on Mar 27, 2022

This visualization displays the Iris dataset as a scatter plot, mapping petal width on the x-axis against sepal length on the y-axis, with each point colored by species (setosa in blue, versicolor in red, and virginica in green). The code uses D3.js version 6.7.0 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot from a CSV file fetched via a gist URL. Each circle represents a data point, rendered with a white stroke and a 5-pixel radius, and the axes are styled with the Share Tech font against a dark background.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12
89% match
Loading thumbnail…

ICE6 submitted by Tejaswi Tummala

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes. Each point is colored by species, with setosa in blue, virginica in red (via an empty string falling through to the default red), and versicolor in red. The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, with SVG circles. Data loading uses `d3.csv` from a GitHub gist, and the code also sets `rx` and `ry` attributes based on sepal dimensions, though these have no visual effect on circles. The layout is responsive to the window size.

Tttummala17
89% match
Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This visualization displays a scatter plot of Iris species data, plotting petal length on the x-axis against petal width on the y-axis, with points colored by species (yellow for setosa, blue for versicolor, red for virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll` with data joins, while loading the dataset via `d3.csv` from a GitHub gist. The code also maps sepal measurements to the circle’s `rx` and `ry` attributes, though these are not used for visual encoding.

Rrajasrilekkala
88% match
Loading thumbnail…

ICE-7 (11630234)

This visualization displays a scatter plot of the Iris dataset, mapping petal width against sepal length. The plot uses distinct symbols and colors (orange, purple, and grey) to differentiate the three plant species. The D3.js library (v6.7.0) constructs the chart, employing functions like `scaleLinear`, `extent`, `axisLeft`, and `symbol` to generate axes and data points. The SVG output is dynamically sized to fit the browser window and includes labeled axes and a bold title.

KKovvuri Supraj
88% match
Loading thumbnail…

Fork of ICE-7 Assignment Venkata Rajashekar Reddy

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—as the x-axis variable every two seconds, while sepal length remains fixed on the y-axis. Each data point is color-coded by species (setosa, versicolor, or virginica) using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and circles. The visualization uses D3 v6 with an SVG rendering and updates the plot in-place via `setInterval` and a custom `scatterPlot` module, drawing from a remote CSV dataset.

MManohar Kowthavarapu
88% match
Loading thumbnail…

ICE-6

This visualization presents the Iris dataset as a scatter plot, mapping petal length and width on the x and y axes. Each data point is colored by species, using yellow, blue, and red to distinguish setosa, versicolor, and virginica. The code loads CSV data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` and `d3.extent` for scaling, and renders circles with SVG attributes like `cx` and `cy`. Axis labels are drawn with `d3.axisLeft` and `d3.axisBottom`, while the title "SCIENTIFIC DATA VISUALISATION" appears at the top.

SSaahithi49
88% match
Loading thumbnail…

ICE7 - Scatter Plot

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded—setosa in orange, versicolor in blue, and virginica in black—with a static legend and labeled axes. The visualization uses D3.js (v6.7.0) with its `scaleLinear`, `axisLeft`, and `axisBottom` APIs, loading data via `d3.csv` and updating positions on a timer with `setInterval`. Data comes from a GitHub-hosted medals CSV file, and the SVG rendering includes circles with custom radii per data point.

Aavinashchinta99
88% match
Loading thumbnail…

ICE7-11540639-Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length, petal width, sepal length, and sepal width, with each species color-coded (setosa as orangered, versicolor as green, and virginica as navy). The visualization uses D3.js (v6.7.0) with a reusable scatter plot component, loading data via `csv()`, and rendering SVG circles with animated transitions. Every two seconds, the plot cycles through different axis columns using `setInterval()` and reassigns the x-axis value, causing the scatter plot to dynamically update its layout while the y-axis remains fixed to sepal length.

SSravanthi Silla
88% match