rohithareddy1404@gmail.com

@rohitha8·5 public vizzes

AreaChart for sales

This area chart visualizes total sales in US dollars and the number of boxes shipped by country from a chocolate sales dataset. Two filled line datasets, rendered with Chart.js on a canvas, compare these metrics across countries. The chart uses tab-separated CSV data fetched from a GitHub gist, parsing and aggregating amounts per country. A custom HTML legend, built with DOM manipulation, lists each country with a corresponding color swatch, while the chart’s built-in legend and animation are disabled.

Mar 27, 2025

Loading thumbnail…

PIE CHART for chocolate sales

This pie chart displays total chocolate sales per country, aggregated from a CSV file. Using Chart.js, the canvas renders the data as a pie with distinct colors for each nation, while a custom HTML legend lists the country names alongside their corresponding color swatches. The chart emphasizes the proportional sales distribution, with the country labels and values derived from the fetched dataset.

Mar 27, 2025

Loading thumbnail…

Pie chart-rohitha

This area chart visualizes the total purchase amount in US dollars by customer age, using shopping trends data loaded from a CSV file via `d3.csv`. The chart applies `d3.rollup` to aggregate and sum purchases per age, then renders the result as an SVG path generated with `d3.area`. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, with linear scales (`d3.scaleLinear`) mapping age and purchase totals. A blue filled area with a darker stroke highlights the distribution, while axis labels clarify the variables.

Mar 26, 2025

Loading thumbnail…

Scatter plot

A pie chart displays the distribution of shopping purchases by category, using a dataset loaded from a CSV file. Each slice is labeled with its category name and count, while a categorical color scale from `d3.schemeSet3` distinguishes the segments. The chart is built with D3 v5, using `d3.pie()` and `d3.arc()` to generate and render the slices as SVG paths, with text labels positioned via `arc.centroid`. The visualization is rendered as a clean, static SVG graphic with a red title header.

Mar 26, 2025

Loading thumbnail…

rohitha8

This animated SVG scatter plot cycles through different x-axis attributes of the Iris dataset from a CSV file. It demonstrates a reusable scatter plot component built with D3.js, using `scaleLinear`, `axisLeft`, and `axisBottom` APIs. The visualization rotates through three species—setosa, versicolor, and virginica—with color-coded markers, updating the axis labels and redrawing the projection via a `setInterval` loop.

Mar 23, 2025