Activity 7 Area Chart

100%

Activity 7 Area Chart

✓ Published0🌍 Public

Llokasaivenkatatammineedi@my.unt.edu

Last edited Apr 4, 2025

Created on Apr 4, 2025

This area chart ranks NBA players by their all-time triple-doubles, sorting them in ascending order and plotting a monotone-smoothed area that rises from the baseline to each player’s total. Built with D3 v7, it uses `d3.area()` with `curveMonotoneX`, `d3.scalePoint()` for the categorical player axis, and `d3.axisBottom()`/`d3.axisLeft()` for labeled axes. Circle markers and numeric labels highlight each value, while the CSV data is loaded via `d3.csv` from a GitHub repository. Rendering is SVG-based.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_q3

This visualization shows the percentage contribution of five statistical categories—points, rebounds, assists, steals, and blocks—for ten NBA players, using a stacked horizontal bar chart where each player’s row sums to 100%. The code loads data from a CSV via `d3.csv`, normalizes each player’s stats, and renders the SVG with `d3.stack()`, `d3.scaleOrdinal` for colors, and `d3.scaleBand` for the y-axis. Interactive tooltips appear on mouseover, displaying the category’s percentage using `d3.format`.

Llokasaivenkatatammineedi@my.unt.edu

74% match

Loading thumbnail…

Activity 7 Pie Chart

This pie chart displays the all-time leading NBA scorers by total points, with each slice labeled by player name and accompanied by a legend showing the player and their point total. The visualization uses D3.js v7 to load CSV data from a GitHub repository, compute the pie layout with `d3.pie()`, and render SVG path arcs via `d3.arc()`. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeSet1`) distinguishes players, while SVG text elements and manually positioned legend rectangles provide labeling. The chart is generated entirely with client-side SVG rendering.

Llokasaivenkatatammineedi@my.unt.edu

72% match

Loading thumbnail…

Activity_7_Question_2

This area chart displays the total salary for each NBA team, with team names on the x-axis and salary values on the y-axis. The visualization uses a steelblue filled area path, with black dots marking each team’s salary value and text labels above them. Built with D3 v6, the chart employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to generate the SVG path, while CSV data is loaded asynchronously from a GitHub repository. The chart includes rotated x-axis labels and gridlines via `d3.axisBottom` and `d3.axisLeft`.

SSai Sandhya Nannapaneni

71% match

Loading thumbnail…

Activity 7 Area Chart

This area chart visualizes the distribution of employee counts across different job positions, with positions sorted alphabetically along the x-axis and counts on the y-axis. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.rollup` to aggregate the CSV data by position and `d3.area()` with `curveMonotoneX` to draw the filled path. Axis labels are rotated for readability, and the data source is a GitHub gist containing department records.

Ssreejabommineni1506@gmail.com

69% match

Loading thumbnail…

Activity-7-Q2

This area chart visualizes the number of games played by Steph Curry across different years, with a smooth curve and a filled green area under the line. The data is loaded via d3.csv from a GitHub-hosted CSV file, then parsed and rendered as SVG. The code uses d3.scaleTime and d3.scaleLinear to map Year and Games values, while d3.line, d3.area, and d3.curveBasis generate the smoothed paths. Axes are created with d3.axisBottom and d3.axisLeft, and formatted using d3.format, with custom CSS styling the ticks and labels.

Nnikhilthoutu24@gmail.com

69% match

Loading thumbnail…

nba over time vert bar

This interactive bar chart visualizes NBA player statistics across career timelines, filtering by active status and allowing selection of metric (points, assists, rebounds, experience, all-star appearances) and timeline type (draft year or birthdate). The visualization uses D3 v7 with d3.rollups for data aggregation, d3.scaleBand and d3.scaleLinear for scales, and d3.sliderBottom for interaction. The code loads CSV data, groups records by time period, and renders animated vertical bars whose heights represent the average value of the selected statistic per grouping.

PPhilip Rago

68% match

Loading thumbnail…

Activity 7

This visualization displays cumulative cricket delivery data over time as a smooth, monotone area chart, with the area filled in steel blue and a dark line overlay to emphasize the trend. It is built using D3 v7 APIs such as `scaleTime`, `scaleLinear`, `area`, `line`, `curveMonotoneX`, `axisBottom`, and `axisLeft`. The chart pulls its data from a remote CSV file, aggregates daily totals using `d3.rollup` and `d3.sum`, and renders the axes, legend, and labels as SVG elements. The chart is customizable via a closure-based interface for width, height, margins, and title.

Ggolisanthoshi2000@gmail.com

67% match

Loading thumbnail…

NBA career data d3

This visualization displays aggregated NBA career statistics by country for a selected season year, using horizontal bar charts to compare metrics like points, assists, rebounds, and all-star appearances. Users control the view through two dropdown menus to choose the year and stat category. The chart updates with animated transitions on bar widths as selections change. Data is loaded from a CSV file via `d3.csv` and processed with `d3.rollups` and `d3.sum`. The bars are rendered as SVG rectangles with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, while `d3.select` handles interactive hover effects.

PPhilip Rago

67% match