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 Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, cycling through different feature combinations on the x-axis every few seconds. It uses D3 v6 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` to load and render the data as SVG circles colored by species. The visualization includes a legend, axis labels, and a title, with circles positioned based on four numeric flower measurements.

Pprathyusha-reddy-arch

Fork of Reusable D3 Scatter Plot

This interactive scatter plot displays the Iris dataset, cycling through different sepal and petal measurements on the x-axis while maintaining petal width on the y-axis. The visualization updates every few seconds with a `setInterval`, animating the axis labels and re-rendering the SVG circles. It uses reusable chart architecture from `scatterPlot.js` with D3 v6 APIs like `scaleLinear`, `axisLeft`, and `axisBottom`. Color-coded circles distinguish three iris species with a custom legend, while the project also draws from D3's `csv` parser for data loading and employs SVG rendering throughout.

AAsherpranayp

Fork of Reusable D3 Scatter Plot

This scatter plot visualizes the Iris dataset, using petal width and sepal length as the x and y axes, with points colored by species (setosa, versicolor, virginica). The visualization is built with D3 v6, using the `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` APIs to render axes and a legend. A JavaScript `setInterval` cycles through four column pairings every two seconds, animating the plot to show different variable combinations while the SVG circles update smoothly. The data is loaded from a GitHub Gist CSV file and parsed into numeric fields.

SSheshidharreddy

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping petal width and length while coloring data points by species (setosa, versicolor, virginica) using a custom marker function. The visualization cycles through four variable pairings every two seconds via `setInterval`, updating axes and circle positions. Built with D3 v6, it employs `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to render SVG circles dynamically. Overlaid text labels identify the current axes, while the reusable `scatterPlot` module handles margins, scales, and axis generation for each update.

TTulluripallavi

Fork of Reusable D3 Scatter Plot

This interactive scatter plot animates through columns of the Iris dataset, cycling between petal width, sepal width, petal length, and sepal length every two seconds. The visualization uses a reusable D3 chart pattern with `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles that update their x-positions as the data dimension changes. Built with D3 v6, it loads CSV data from a GitHub Gist and employs a join pattern for smooth transitions.

Pprachow

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 interactive scatter plot visualizes the Iris dataset, cycling every two seconds through four different variable pairs on the x-axis (petal width, sepal width, petal length, sepal length) while keeping sepal length on the y-axis. Built as a reusable D3.js chart function, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and animated circle transitions via `svg.call(plot)`. The animation iterates through columns using `setInterval`, updating scales and marks dynamically within a full-screen SVG.

BBHUMIKA CHUNDU