preethimedepalli4@gmail.com

@PreethiM-91·2 public vizzes

Question2_Activity7.1

This is an area chart showing air quality levels over time, displaying two overlapping translucent regions for PM2.5 and PM10 particulate matter concentrations. The visualization uses D3.js v3 with SVG rendering, employing `d3.svg.area()` to construct the filled paths against a time-scaled x-axis via `d3.time.scale()`. Data is loaded from a GitHub-hosted CSV using `d3.csv()`, with dates and times parsed into a unified timestamp. The chart includes a dark blue heading, green axis tick labels, and a blue y-axis label indicating units of µg/m³.

Nov 5, 2024

Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Nov 5, 2024