Skip to main content
Log in
A

AravindReddyJanke@my.unt.edu

@aravindreddyjanke·4 public vizzes

Loading thumbnail…

ice6- q3

This visualization presents two views of monthly sales data from a sales_data_sample.csv file. The first is a multi-series line chart tracking sales trends for three product lines: Classic Cars, Motorcycles, and Planes. The second is a combined dual-axis chart that plots total sales and average sales together using `d3.rollups` to aggregate the data, with lines rendered via D3’s `d3.line` API and scales from `d3.scaleLinear`. The SVG is generated with D3 v7, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`.

Oct 19, 2025
Loading thumbnail…

ice 6 - q2

This scatter plot visualizes the relationship between quantity ordered and price per unit from a sales dataset. Each red circle represents a single order, with the x-axis showing quantity and the y-axis showing price in USD, and hovering reveals exact values via a tooltip. The visualization is built with D3 v7, using `d3.csv` to load data from a GitHub-hosted CSV file, `d3.scaleLinear` to map data to coordinates, and `d3.axisBottom` and `d3.axisLeft` for the axes. Axes are labeled, and the title clarifies the plotted variables, all rendered as SVG elements.

Oct 19, 2025
Loading thumbnail…

ice 6 - q1

This bar chart shows the average sales for each product line from a GitHub-hosted CSV file, with each bar’s height representing the mean sales in USD. The chart uses D3 v7 to fetch the data via `d3.csv`, compute averages with `d3.rollup` and `d3.mean`, and render SVG bars with scales from `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear on mouseover, displaying the product line and its average sales. Axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

Oct 19, 2025
Loading thumbnail…

as5

This bar chart summarizes sales data from a sample CSV file loaded from GitHub, showing total sales per year in an SVG chart alongside an HTML data table. The page uses D3 v7 to fetch and parse the remote CSV, aggregate sales by `YEAR_ID`, and render the visualization with `d3.select`, `d3.scaleBand`, and `d3.scaleLinear` to create bars and axes. The summary table above the chart displays the same yearly totals, offering a textual counterpart to the graphical presentation.

Oct 7, 2025