Krishna1

Fork of Scatter Plot with Iris Data krishna

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with each point colored by species (setosa in red, versicolor in blue, and virginica in green). It also encodes sepal dimensions in the horizontal and vertical radii of each circular mark, creating a bubble-like effect. Built with React and D3 v6, the code uses `d3.csv` for data loading, `scaleLinear` and `extent` for scaling, and `axisLeft`/`axisBottom` for axes, rendering everything as SVG circles on a full-window canvas. The data is fetched from a remote GitHub gist.

86% match

Fork of Reusable D3 Scatter Plot- ICE7 krishna

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurement pairs on the x-axis while keeping petal width on the y-axis. The visualization uses D3 v6 with SVG rendering, employing a custom `scatterPlot` reusable chart function with `scaleLinear`, `axisLeft`, and `axisBottom` for axes. Points are color-coded by species (setosa, versicolor, virginica), and a `setInterval` updates the x-axis mapping every few seconds. The code loads data via `csv` from a GitHub gist and uses `selectAll` with `join` to manage circle elements.

84% match

Fork of DV ICE-7 krishna

This animated scatter plot displays the Iris dataset, mapping petal width against sepal length and coloring points by species (versicolor, virginica, and setosa). The visualization cycles through four numerical columns—petal width, sepal width, petal length, and sepal length—every five seconds using `setInterval`. Built with D3 v6, the reusable chart component (`scatterPlot`) uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Data loads via `d3.csv` from a GitHub-hosted CSV file, with dimensions and margins configured programmatically.

84% match

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 Scatter Plot- ICE7 KRISHNA

This interactive scatter plot visualizes the Iris dataset, mapping petal and sepal measurements to Cartesian coordinates. The visualization cycles through different x-axis variables—petal width, sepal width, petal length, and sepal length—using a timer interval, while the y-axis remains sepal length. Data points are color-coded by species (setosa, versicolor, virginica) with orange, blue, and black fills. The example demonstrates a reusable scatter plot component built with React, D3.js’s `csv` parser, and SVG rendering, with a legend and axis labels dynamically updated during the animation.

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.

Kkrishna444battula@gmail.com

Activity_6 Task-3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each flower is represented as a colored circle, with sky blue for setosa, light green for versicolor, and orange for virginica. The visualization uses D3 v6 with SVG rendering, employing d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to construct the plot. Data is loaded asynchronously via d3.csv from a GitHub gist, and the code calculates the x and y positions based on the measured petal dimensions.