sairahulreddy.bapuram2001@gmail.com

@sairahulreddy19052001·5 public vizzes

Fork of Rahul area chart

This fork of Rahul's area chart visualizes the average petal length for each flower species. It loads a CSV dataset via `d3.csv`, aggregates the data using `d3.rollup` to compute means by species, and renders a smooth area chart with `d3.area` and `curveMonotoneX`. The visualization includes labeled axes, a chart title, and scales defined with `scaleBand` and `scaleLinear`, all drawn as SVG elements using the D3 v7 library.

Mar 27, 2025

Loading thumbnail…

Rahul area chart

This area chart depicts the average petal length for different flower species from a CSV file. The visualization uses a smooth, monotone curve to connect the average values, with the area beneath the line filled in a semi-transparent steel blue. The chart is rendered as an SVG using D3.js v7. The code calculates the per-species averages via `d3.rollup` and `d3.mean`, then maps the categorical species data to a band scale and the numeric averages to a linear scale. The area is generated using the `d3.area` API, while axes are added with `d3.axisBottom` and `d3.axisLeft`.

Mar 27, 2025

Loading thumbnail…

Fork of Fork of Fork Rahul

This pie chart visualizes the distribution of flower species in a CSV dataset fetched from a GitHub Gist. The chart uses `d3.pie` and `d3.arc` to generate slices, with `d3.rollup` aggregating species counts and a color scale mapping each species to a distinct color. Labels display counts inside each slice, while a legend and axis titles annotate the SVG render.

Mar 27, 2025

Loading thumbnail…

Fork of Fork Rahul

This D3.js (v7) visualization presents the distribution of flower species as a pie chart, with each slice colored and labeled with its count, alongside a legend showing species names and totals. The chart is rendered as SVG within a single container, using `d3.pie` and `d3.arc` to generate the slices, while `d3.rollup` aggregates the dataset to count occurrences per species. The code also adds a title, axis labels, and a legend, with data loaded via `d3.csv` from a remote Gist.

Mar 27, 2025

Loading thumbnail…

Fork Rahul

This example displays the distribution of flower species as a pie chart, showing the count of each species. The visualization uses D3.js v7 to load a CSV dataset, aggregate occurrences with `d3.rollup`, and generate pie slices with `d3.pie` and `d3.arc`. Labels display counts within each slice, while a color-coded legend and axis labels contextualize the data. The SVG rendering includes a title and uses a categorical color scale for species identification.

Mar 27, 2025