Reusable Scatter plot Activity 8

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, cycling through four measurement pairs (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a legend, and axis labels update dynamically. Built with D3.js, the example demonstrates reusable chart modules via `scatterPlot()` with `scaleLinear`, `axisLeft`, and `axisBottom`, and uses SVG rendering with animations driven by `setInterval` to switch between dimensions.

BBhavyaMammai

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

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris flower dataset, with points colored by species (setosa, versicolor, virginica) using D3.js. The visualization cycles through four variable pairings on the x-axis—petal width, sepal width, petal length, and sepal length—while the y-axis remains fixed on sepal length, updating via setInterval. It uses d3.scaleLinear, d3.axisLeft, and d3.axisBottom within a reusable scatterPlot function, rendering SVG circles with animations. The interface includes a title, axis labels, and a color legend, all styled with CSS.

Ssaikrishnabussa

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, mapping petal width against sepal length across three flower species distinguished by color. Built with D3.js, the visualization uses SVG circles and a reusable scatterPlot function that cycles through different column combinations on the x-axis every few seconds via setInterval. The code employs d3.csv for data loading, d3.scaleLinear for axis scaling, and d3.axisBottom/axisLeft for tick marks, while custom labels, a color legend, and a title are appended directly to the SVG.

MmNamratha25

Reusable Scatter plot Activity 8

This interactive scatter plot animates through different pairings of sepal and petal measurements from the classic Iris dataset, cycling the x-axis variable every few seconds. The visualization color-codes points by species (setosa, versicolor, and virginica) and includes a legend and axis labels. Built with D3 v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` for data loading, alongside a reusable `scatterPlot` module. SVG circles render the marks, with `setInterval` driving the animation and `selectAll`/`join` managing the updating elements.

Vvineelaramulapalli32

Reusable Scatter plot Activity 8

This interactive visualization uses D3.js to display the Iris dataset as an animated scatter plot. The code cycles through different x-axis measurements every few seconds, showing relationships between petal width, sepal width, petal length, and sepal length. Points are colored by species (setosa, versicolor, virginica) with a legend and axis labels. The reusable scatterPlot component handles scales and axes via d3.scaleLinear, axisLeft, and axisBottom, while circles are rendered with SVG and animated using setInterval.

JJayanthKumarkoni

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, displaying relationships between sepal and petal measurements with color-coded species markers. The visualization cycles through different attribute combinations on the x-axis at regular intervals, while the y-axis remains fixed on sepal length. Built with D3.js, it uses reusable scatter plot components, including scaleLinear for coordinate mapping, axisBottom and axisLeft for axes, and setInterval for animation. The SVG rendering includes custom legends, rotated axis labels, and title styling, with data loaded from a CSV file and parsed through d3.csv.

Hharipriyaa07

Reusable Scatter plot Activity 8

This interactive scatter plot visualizes the Iris dataset, showing sepal and petal measurements as colored circles representing three flower species. The visualization cycles through different variable pairings on the axes using a timer, updating the chart every few seconds. Built with D3.js version 6, the code uses `csv()` to load data, `select()` and `join()` for SVG rendering, and `setInterval()` to trigger axis transitions. The reusable `scatterPlot()` function manages the chart layout, while custom legend markers and axis labels are appended dynamically.

Vvineelaramulapalli32