Fork of Fork of Reusable D3 Scatter Plot

Fork of Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, mapping petal width against sepal length while coloring each dot by species (setosa, versicolor, and virginica). Built with D3 v3, it uses `d3.csv` to load data, `scaleLinear` for axes, and `setInterval` to cycle through different data columns every two seconds, updating the x-axis. The SVG rendering includes custom circle markers with varying dimensions and a rotating set of axis labels.

Bbhargavarathod

Fork of Fork of Reusable D3 Scatter Plot

This interactive scatter plot displays the Iris dataset, encoding petal and sepal measurements for three flower species. The D3.js (v6.7.0) visualization cycles through four column combinations on the x-axis while the y-axis remains fixed, animating the points with each interval. A legend identifies species by color (green for setosa, orange for versicolor, blue for virginica). The implementation uses reusable scatter plot logic from `scatterPlot.js` with `scaleLinear`, `axisLeft`, and `axisBottom`, while `index.js` handles data parsing, marker styling, and dynamic axis updates.

Cchandanagandla

Ggaddamthanmayeereddy759@gmail.com

Fork of Fork of Reusable D3 Scatter Plot

This interactive scatter plot animates the Iris dataset by cycling the x-axis through petal width, sepal width, petal length, and sepal length every 1.5 seconds while keeping sepal length on the y-axis. It uses d3.csv to load data and d3.scaleOrdinal with a viridis palette to color points by species. The reusable d3.scatterPlot module leverages scaleLinear, axisLeft, and axisBottom for scales and axes, with SVG circles rendered and updated via selection calls. Legends and axis labels are appended manually, and the animation uses setInterval to reassign the xValue and refresh the plot.

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris Dataset, showing how petal and sepal measurements relate across three flower species. It cycles through four variable combinations on the x-axis every few seconds while displaying petal width on the y-axis. The visualization uses D3 v6 functions like `scaleLinear`, `axisLeft`, and `axisBottom`, with SVG symbols for data points and a color-coded legend. Each species is represented by a distinct shape and color, with the chart updating via `setInterval`.

SSharmaAshwini

Fork of Reusable D3 Scatter Plot

This visualization displays the Iris dataset as an animated scatter plot, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every two seconds while sepal length stays on the y-axis. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data, and a reusable `scatterPlot` function that updates the circles and axes via SVG selections. The animation runs through `setInterval`, redrawing the plot with a new x-value accessor each cycle.

GGogineni44

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing petal width against sepal length with points colored by species. Built with D3 v6, the visualization cycles through different variable pairings every two seconds using a reusable chart pattern. The SVG marks use the `d3.scaleLinear` and `d3.scaleOrdinal` APIs, with axes generated by `axisBottom` and `axisLeft`. A legend identifies the three species, while a `setInterval` loop updates the x and y value functions to animate through the dataset’s four numeric columns.

MMar-99

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris dataset, showing the relationship between petal width and sepal length for three flower species. The visualization cycles through different variable pairings every two seconds, rotating among petal_width, sepal_width, petal_length, and sepal_length on the x-axis. Built with D3 v6, the example uses `scaleLinear` and `scaleOrdinal` for axes and color encoding, with circles rendered as SVG elements. Data loads from a GitHub Gist CSV, and the reusable `scatterPlot` function updates axes and marks dynamically through a `setInterval` loop.

KKeerthipriyaBankuru

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris Dataset, cycling through different x-axis variables (petal width, sepal width, petal length, sepal length) every few seconds while keeping sepal length on the y-axis. Data points are colored by species using a simple switch statement, with a color legend and axis labels updating dynamically. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom`, and is built as a reusable chart module. It renders as an SVG with a setInterval-driven animation that updates the chart’s x-value accessor.

Ddivyageethanjali