Venkata Rajashekar Reddy ICE-7

100%

Venkata Rajashekar Reddy ICE-7

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 23, 2022

This interactive scatter plot visualizes the Iris Dataset, displaying eye width against ear length for various species. Built with D3.js, it uses a reusable `scatterPlot` function that dynamically updates the x-axis attribute every two seconds, cycling through different data columns. The SVG rendering includes colored circles representing species—red for tigers, blue for lions, and green for others—with labeled axes. The chart adapts to the browser window size and uses the Share Tech font for text styling.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Assignment Venkata Rajashekar Reddy

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.

VVenkata Rajashekar Reddy Chinthala

86% match

Loading thumbnail…

ICE7

This example visualizes the Iris dataset using a reusable scatter plot built with D3.js. It animates through different numeric attribute pairings on the x-axis every two seconds, while color-coded circles represent the three iris species—setosa, versicolor, and virginica—in yellow, purple, and green. The plot uses D3 scales, axes, and data joins to render SVG circles, with each mark’s size and position driven by sepal and petal measurements. The code includes a custom scatterPlot factory function to manage margins, scales, and axis updates.

Ssowmyanagula@my.unt.edu

83% 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

82% match

Loading thumbnail…

ICE-7 Reusable D3 Scatter Plot from sheshidhar reddy

This interactive scatter plot visualizes the Iris dataset, displaying the relationship between petal and sepal measurements for different species. The visualization cycles through different variable pairings every five seconds, showing how the data distribution changes across dimensions. Built with D3.js, the example uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the chart, while SVG circles represent individual data points colored by species. The data is loaded from a GitHub-hosted CSV file, and the animation automatically updates the axes and marks to explore different attribute combinations.

SSheshidharreddy

82% match

Loading thumbnail…

ICE7- reusable scatter plot

This visualization presents the Iris dataset as a dynamic scatter plot that cycles through different attribute pairings every two seconds, with points colored by species (setosa in red, versicolor in blue, virginica in green). Built with a reusable `scatterPlot` function using D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, the SVG chart renders axes and circles while a `setInterval` timer reconfigures the x-value mapping to explore petal and sepal measurements. The code imports data from a GitHub-hosted CSV and uses D3’s `csv` parser.

KKolliTeja

82% match

Loading thumbnail…

ICE-7

This interactive scatter plot visualizes the Iris Dataset, cycling through different feature pairings (petal width, sepal width, petal length, and sepal length) every two seconds. Built with D3.js, it uses a reusable scatter plot module with `scaleLinear` for axes, `extent` for data domains, and `axisLeft`/`axisBottom` for tick marks, rendered as animated SVG in a full-browser view.

Ssowmyanagula@my.unt.edu

82% match

Loading thumbnail…

Reusable Scatter Plot- ICE 7 (Data Visualization)

This interactive scatter plot visualizes the Iris dataset, using petal width and sepal length as axes while coloring each point by species (setosa, versicolor, or virginica). The visualization cycles through different column combinations every two seconds, animating the axes and points. Built with D3.js, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to render SVG axes, while a custom `scatterPlot` function manages the reusable chart configuration. The code loads CSV data asynchronously and renders colored circles with dynamic radius values based on sepal dimensions.

SSrilekha24

82% match

Loading thumbnail…

ICE-7 Resuable scatter plot

This interactive scatter plot animates the Iris dataset, cycling through combinations of petal and sepal measurements every two seconds. It uses D3.js to render a full-screen SVG with animated transitions, using the `scatterPlot` reusable module to handle axes and circle positioning. Each point is colored by species—setosa in red, versicolor in pink, and virginica in green—based on the `species` field. The visualization demonstrates a reusable scatter plot component that can dynamically update its x and y axes.

Cchandrakalavanukuri

82% match