Fork of Fork of Reusable D3 Scatter Plot- ICE7

Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot visualizes the Iris dataset, cycling through four different floral measurements on the x-axis over time while plotting petal width against sepal length. It uses D3 v6 to render animated SVG circles colored by species, with the y-axis fixed and the x-axis rotating automatically via `setInterval`. A legend identifies the three species, and axis labels update dynamically to reflect the current dimension. The code relies on D3’s `csv` import, `scaleLinear` scaling, and custom `scatterPlot` API.

AArefa Patwary

Fork of Reusable D3 Scatter Plot- ICE7

An animated scatter plot of the Iris dataset cycles through four flower measurements on the x-axis while keeping petal width fixed on the y-axis. The visualization uses D3 v6’s `selectAll`, `data`, `join`, and `scaleLinear` to render SVG circles colored by species, with `setInterval` updating the x-scale domain and axis labels every few seconds. Data is loaded from a CSV via `d3.csv`, and the reusable chart module `scatterPlot.js` encapsulates the axes and marks.

Ppravallikayaram12

Fork of Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through different combinations of Iris flower measurements, displaying sepal and petal dimensions on the x- and y-axes. The visualization uses D3 v6 to render circles colored by species (setosa, versicolor, virginica) with a custom legend, while a `setInterval` triggers updates to the axis scales and labels. Data comes from a CSV of the classic Iris dataset loaded via `d3.csv`. The code leverages reusable chart patterns from `scatterPlot.js` with `scaleLinear`, `axisLeft`, and `axisBottom` APIs, alongside a fixed y-axis label for sepal length.

RRupeshGandham

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris flower dataset, cycling through four different x-axis measurements—petal width, sepal width, petal length, and sepal length—while keeping sepal length fixed on the y-axis. Each data point is colored by species (setosa, versicolor, virginica), with a static legend. The example uses D3 v6 APIs such as `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the chart, rendering SVG circles and text with a custom `scatterPlot` reusable function.

AArefa Patwary

Fork of Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot of the Iris dataset cycles through four different x-axis measurements—petal width, sepal width, petal length, and sepal length—at regular intervals, while the y-axis remains fixed on sepal length. Points are colored by species (orange, blue, and white circles). Built with D3 v6, the visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` within a reusable `scatterPlot` module, updating axes and rendering via SVG on a black background with a custom legend and title.

MMgk1255

Fork of Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through different Iris flower measurements on the x-axis, using petal and sepal dimensions from the classic Iris dataset. The visualization uses D3 v6 to render colored circles for each species, with blue, orange, and green representing setosa, versicolor, and virginica. The plot rotates through four variable combinations at intervals, updating axis labels and titles accordingly. D3's scaleLinear, axisLeft, and axisBottom functions handle scaling and axis generation, while the data loading and SVG rendering are managed through d3.csv and the select API.

SSohilaBheemReddy

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris flower dataset, cycling through four feature combinations on the x-axis while mapping species to color. It uses D3 v6 with a reusable scatter plot module, SVG rendering, and a `setInterval` to update the visualization every few seconds. The code leverages `d3.csv` for data loading, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes, plus manual legend and label elements.

Iianjwo

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris dataset, cycling through four different flower measurements on the x-axis while keeping sepal length on the y-axis. It uses D3 v6 with a reusable scatterPlot module, SVG rendering, and a setInterval to rotate the x-axis variable. Points are colored by species, and the chart includes a custom legend, axis labels, and a title.

Tttummala17