Activity 8 Question 1

100%

Activity 8 Question 1

✓ Published1🌍 Public

Last edited Jul 5, 2023

Created on Jul 5, 2023

This animated scatterplot displays the Iris dataset, showing petal and sepal measurements as colored circles representing species. Using D3 version 6.7.0 loaded via UNPKG, the visualization cycles through four different axis assignments every five seconds, alternating which flower dimensions are plotted. The code imports `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from D3, along with a custom `scatterPlot` module. Rendered as an SVG animation, it includes a color legend and dynamically updates axis labels to reflect the current measurement pair.

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.

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

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

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

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

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

88% match

Loading thumbnail…

Activity 8 Scatter plot

This interactive scatter plot animates through the four numeric dimensions of the Iris dataset, cycling which variable appears on the x-axis while sepal length remains on the y-axis. The visualization colors each of the three Iris species—setosa, versicolor, and virginica—with distinct hues and includes a static legend. Built with D3.js (v6.7.0), the example uses `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` for data loading, while a `setInterval` timer triggers updates to the x-axis mapping. The SVG rendering displays circles with fixed radius, transitioning between attribute combinations every few seconds.

Ssuryavamsi00024

88% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each of the three iris species colored differently (skyblue, lightgreen, and orange). It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendering since the radius is fixed. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and render axes. Data is loaded from a raw GitHub gist CSV file, and the SVG is sized to the full browser window.

Iindushashi.g@gmail.com

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

87% match