Fork of Reusable D3 Scatter Plot

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 visualization displays the Iris dataset as an animated scatter plot, cycling through different feature pairs every two seconds. It uses D3.js v6 with reusable chart components, employing `scaleLinear` for axes, `scaleOrdinal` with `symbols` for point shapes, and `axisLeft`/`axisBottom` for tick marks. The plot transitions between four measurement columns—PetalWidth, SepalWidth, PetalLength, and SepalLength—using `setInterval` to redraw the SVG with new x-value assignments.

Bbhanuteja1807@gmail.com

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

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping petal width against sepal length and using different symbols and colors to distinguish the three species. Built with a reusable D3 chart function, it employs `scaleLinear` for axes, `scaleOrdinal` for categorical symbol and color mappings, and SVG rendering. A legend identifies species, while an animation cycles through different x-axis variables every two seconds, dynamically updating the plot via the chart's accessor methods.

AAniv Chakravarty

Fork of Reusable D3 Scatter Plot - 11641166

This interactive scatter plot displays the Iris dataset, mapping petal width against sepal length. A reusable chart component built with `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft` renders colored, shape-coded markers for the three species. The visualization animates every two seconds, cycling through all four numeric columns as the x-axis variable, updating the plot via the `scatterPlot` function's chained setters. The SVG output includes a title and a legend identifying species colors.

JJasvitha Allamsetty

Fork of Reusable D3 Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, showing the relationship between two flower measurements at a time. The plot cycles every two seconds between four different x-axis attributes—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis. It uses D3 v6 APIs like `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` function with setter methods. Animated transitions are driven by `setInterval`, rendering circles and axes as SVG elements in a full-window view.

Aa1615

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, displaying measurements of sepal and petal dimensions across three flower species. The visualization cycles through different x-axis variables every two seconds, animating transitions between PetalWidthCm, SepalWidthCm, PetalLengthCm, and SepalLengthCm. Built with D3 v6, the example uses the reusable chart pattern with `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Circles representing individual flowers are colored by species—red for setosa, violet for versicolor, and orange for virginica—while the interface responsively fills the browser window.

Kkakumanusreya

Fork of Reusable D3 Scatter Plot

This example presents an animated scatter plot of the Iris dataset, cycling through different flower measurements (petal width, sepal width, petal length, and sepal length) on the x-axis every two seconds. The visualization is created with D3 and follows a reusable chart pattern, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the `d3` library. It renders as an SVG, with circles positioned by the current x and y value scales, and axes that update on each interval.

JJyothicherukuri