Fork of Reusable D3 Scatter Plot- ICE7 krishna

Fork of ReusablE Scatter Plot- ICE7 KRISHNA

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements on the x-axis while mapping petal width to the y-axis. Points are colored by species—setosa in orange, versicolor in blue, and virginica in black—with a static legend and rotating axis labels. Built with React and D3, the example uses `d3.csv` for data loading, `d3.select` and `selectAll` for SVG rendering, and `setInterval` to trigger periodic axis updates. The code also includes custom circular markers with adjustable radii and a title, demonstrating reusable scatter plot patterns.

Fork of ReusablE Scatter Plot- ICE7 KRISHNA

This animated scatter plot explores the Iris dataset, cycling through different measurements on the x-axis to reveal relationships between sepal and petal dimensions. Data points are color-coded by species using orange, blue, and black markers, with a custom legend and rotating axis labels. Built with D3 v6, the visualization uses the reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. A `setInterval` timer switches the x-axis variable every few seconds, smoothly updating the chart to compare all four measurement combinations.

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

This animated scatter plot visualizes the Iris dataset, cycling through different sepal and petal measurements on the x-axis while keeping petal width on the y-axis. Each species appears as a distinct color—orange, blue, and black—with a custom legend and labels. Built with D3 v6, the visualization uses `d3.csv` to load data, `scaleLinear` and `extent` for scales, and `setInterval` to cycle through measurement columns. Circles are rendered as SVG elements with custom `rx` and `ry` attributes, and axes are drawn using `axisLeft` and `axisBottom`.

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 (petal width, sepal width, petal length, sepal length) while keeping sepal length on the y-axis. Points are colored by species (setosa, versicolor, virginica) with a legend and dynamic axis labels. Built with D3 v6, it uses `d3.csv` for data loading, `scaleLinear` for scales, and `setInterval` to animate axis changes. A reusable `scatterPlot` module handles the SVG rendering, with custom circles and text annotations.

SSheshidharreddy

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through four Iris flower measurements—petal width, sepal width, petal length, and sepal length—on the x-axis while keeping sepal length on the y-axis. Data points are colored by species using magenta, cyan, and orange markers. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `join` to render SVG circles and axes, with a `setInterval` function updating the x-value mapping every second. The Iris dataset is loaded via `d3.csv`, and a custom legend labels each species.

Ssenthilrajendran1

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot visualizes the Iris dataset, cycling through four attribute combinations (petal and sepal width/length) on the x-axis. The y-axis remains fixed at sepal length, while data points are color-coded by species. The visualization employs a reusable D3 scatter plot module, using `scatterPlot` to manage scales and axes, and directly appends SVG circles with custom colors and dimensions. The animation is driven by `setInterval`, which updates the x-axis mapping and re-applies the plot, with axis labels and a legend adjusted dynamically.

IIndhuKrishnaraj

Fork of ReusablE Scatter Plot- ICE7 KRISHNA

This example presents an animated scatter plot of the Iris flower dataset, cycling through different feature pairs on the x-axis while the y-axis displays sepal length. The visualization uses D3.js via the VizHub platform, loading data from a CSV file and rendering with SVG. It demonstrates modular code by importing a reusable `scatterPlot` function, and creates a static color legend for the three species. An interval timer updates the x-axis attributes, and custom styling is applied using the Share Tech font.