akshayareddy224@gmail.com

@YallaAkshaya·3 public vizzes

Assignment 2 Question 2

This example shows a smooth area chart of expenditure versus age, drawn as an SVG in D3 v7. It loads a CSV dataset from a GitHub repository and renders it with a linear x-scale and y-scale. The code uses `d3.area()`, `d3.curveMonotoneX`, `d3.axisLeft`, and `d3.axisBottom` to generate the path and axes, with custom axis labels and a chart title.

Jul 9, 2024

Loading thumbnail…

Assignment 2 Question 1

This example shows the distribution of employees across different units as a pie chart, with percentage labels on each slice and a color-coded legend. It loads salary prediction data from a GitHub-hosted CSV file using d3.csv, then aggregates the data with d3.rollup to count observations per unit. The visualization uses d3.pie and d3.arc to generate the chart, d3.scaleOrdinal with d3.schemeCategory10 for coloring, and renders to SVG. The chart is centered via an SVG transform, with a title and legend positioned around the main graphic.

Jul 9, 2024

Loading thumbnail…

assignment d1

This example shows a pie chart displaying the distribution of four organizational units based on their counts. D3.js v6 creates the SVG visualization, using the `d3.pie` generator to compute arc angles and `d3.arc` to render the path shapes. A categorical color scale from `d3.schemeCategory10` fills each slice, with labels positioned via `arc.centroid`. A legend built from rectangles and text conveys the unit names. The remaining files are templates; only `index.html` is executed.

Jul 8, 2024