Skip to main content
SimilarExport ZIP
100%

Activity8_Task1

✓ Published0🌍 Public
HHarshithaAmbilpur
Last edited Jul 21, 2023
Created on Jul 10, 2023
Forked from Hello VizHub

An animated scatterplot displays the classic Iris flower dataset, where each point’s color encodes the species type. A setInterval loop cycles through different numeric feature pairs for the x-axis, while the y-axis remains fixed on sepal length, making the correlation patterns between features visually comparable. The implementation uses D3 v6 modules including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to render SVG circles, axes, and legend labels. The code also leverages ES6 module imports for modularity and demonstrates dynamic axis updates alongside static legend and title annotations.

AI-generated description

Scatter Plot

MIT Licensed

Similar vizzes

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
92% 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
91% 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
91% match
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
90% match
Loading thumbnail…

activity 8_task 1

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.

KKeerthiAnnem
89% 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
88% match
Loading thumbnail…

Activity 8 Task 1

This interactive scatterplot animates through different pairings of measurements from the classic Iris dataset, cycling the x-axis between petal width, sepal width, petal length, and sepal length while the y-axis is fixed to sepal length. Points are color-coded by species (setosa, versicolor, virginica) with a static legend and animated axis transitions. The visualization loads data via D3’s `csv` function and renders with SVG, using `scaleLinear`, `axisBottom`, and `axisLeft` APIs from D3. A `setInterval` callback updates the plot’s x-scale and redraws the chart, with custom styling from Google Fonts.

AArun Pratap
88% match
Loading thumbnail…

Activity 8 Q1

This example showcases an animated scatterplot of Fisher’s Iris dataset, cycling through different pairings of sepal and petal measurements. The visualization displays colored circles representing three species, with a manual legend showing color mappings. The code uses D3 v6 via UNPKG, loading data with `d3.csv`, and building scales and axes with `scaleLinear` and `axisBottom`. A `setInterval` updates the x-axis variable every few seconds. The SVG rendering includes custom labels and styling, demonstrating local ES6 module imports for the scatterplot function.

Ppasyasahas
87% match