sudhimaganti.49@gmail.com

@Sudhi01·3 public vizzes

Activity 7q2

This area chart compares Amazon and Tesla stock prices over time, with each series filled by a gradient that fades to transparency. The chart uses D3.js (d3.v7) to load data from a CSV file, parse year and price values, and render the visualization as an SVG. It constructs linear scales for both axes, builds the area paths with `d3.area()`, applies linear gradients for each series, and labels the axes with `d3.axisBottom` and `d3.axisLeft`. The data source is a remote Gist CSV file.

Apr 6, 2025

Loading thumbnail…

Activity 7.1

This pie chart displays the total overall ratings of tennis players, with each slice representing an individual player and its size proportional to their rating. A legend and labels identify each player, while hovering reveals a tooltip with the player's country, average score, and total rating. Built with D3 v5, the visualization uses the `pie` and `arc` functions to generate the chart, `scaleOrdinal` for coloring, and custom mouseover events for interactivity. The data is loaded from a CSV file hosted as a GitHub gist.

Apr 6, 2025

Loading thumbnail…

Activity 7.1

This example displays the text "Hello VizHub!" centered on the page using a D3 selection to populate a div. The code imports the `select` function from D3 v6 and a local ES6 module, then sets the div’s text content. Styling is handled by CSS with large font size and center alignment, showcasing basic DOM manipulation with D3’s `select` API.

Apr 6, 2025