activity 8_task 1

100%

activity 8_task 1

✓ Published0🌍 Public

Last edited Jul 10, 2023

Created on Jul 9, 2023

This interactive scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements across three species color-coded as skyblue, lightgreen, and orange. The chart cycles through different x-axis dimensions every few seconds using setInterval, updating both axes and data points. Built with D3 v6, the visualization uses scaleLinear for axis scaling, axisBottom and axisLeft for tick rendering, and a reusable scatterPlot function that accepts configurable width, height, data, and margin parameters. SVG circles represent individual flowers, with a legend and axis labels styled via CSS.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 8_task1

This animated scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements with color-coded species (setosa, versicolor, virginica). The visualization cycles through four variable combinations on the x-axis every few seconds using `setInterval`, while the y-axis displays petal width. Built with D3.js v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, with SVG circles for data points. The code creates a reusable scatter plot module and renders an interactive legend with custom colors and rotating axis labels.

Mmandadi1999

94% match

Loading thumbnail…

activity 8_Task 1

This interactive scatterplot visualizes the Iris dataset, comparing sepal and petal measurements across three flower species. The visualization cycles through different measurement combinations on the x-axis using a setInterval, dynamically updating the plot. The code uses D3 v5 with SVG rendering, employing scaleLinear scales, axisBottom, and axisLeft for the chart structure. Animated transitions show data points colored by species, with a custom legend displaying the species names and a title. The example loads data from a CSV file, uses a scatterPlot function for modular chart construction, and demonstrates D3's join pattern for data binding.

Cchsaisriharsha@gmail.com

93% match

Loading thumbnail…

Activity 8 Task 1

This animated scatter plot explores the Iris dataset, cycling through four different x-axis features (petal width, sepal width, petal length, sepal length) while the y-axis remains fixed on sepal length. Data points are colored by species (setosa, versicolor, virginica), with a legend and dynamic axes updating on a timer. The visualization is built with D3.js (v6.7.0), using the `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` utilities. It renders as an SVG with HTML/CSS styling, refreshing the plot at set intervals via `setInterval`.

Ssreekarthanda@gmail.com

92% match

Loading thumbnail…

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, displaying relationships between sepal and petal measurements. It cycles through different x-axis variables (petal width, sepal width, petal length, sepal length) in an animation, with each species point colored distinctly (skyblue, lightgreen, orange). The D3-based implementation loads data via `d3.csv`, uses a custom `scatterPlot` module that leverages `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the axes, and renders the animated transitions via `setInterval` and the `join` API for circles.

LLakshmanRangisetti

91% match

Loading thumbnail…

Activity 7_Task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (red, light green, and orange). It uses d3.csv to load the data from a GitHub gist, then applies d3.scaleLinear and d3.extent to establish the scales, rendering circles as SVG elements with d3.axisLeft and d3.axisBottom for the axes. The code also encodes sepal length and width as attributes, though they do not affect positioning or radius.

KKeerthiAnnem

90% match

Loading thumbnail…

Activity8_Task1

An animated scatterplot of the Iris dataset that cycles through attribute pairings on the x-axis. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, with a `setInterval` function rotating the x-axis variable among petal width, sepal width, petal length, and sepal length. Circles are colored by species, and a legend and axis labels are drawn directly via SVG. Data is loaded as CSV from a GitHub repository.

Ssrikkanth05

90% match

Loading thumbnail…

Activity 8_Task_1

This animated scatterplot cycles through four Iris flower measurements, using petal width on the x-axis and sepal length on the y-axis, with points colored by species. It is built with D3 and uses the `csv` loader to fetch the Iris dataset, then repeatedly updates the plot’s x-value via `setInterval`. Each frame, the axes and labels redraw, while a custom legend and title remain static. The code leverages D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to handle scaling and axis rendering.

Ssaipaidipalli

90% match

Loading thumbnail…

ACTIVITY 7_TASK4

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization also encodes sepal length and width as the circle’s rx and ry attributes, though the radii remain fixed at 5 pixels. Built with D3 v6, it loads CSV data via `d3.csv`, scales positions with `scaleLinear` and `extent`, and renders axes using `axisLeft` and `axisBottom` in an SVG.

Ssuryavamsi00024

90% match