chandikasreeakhil@gmail.com

@CHANDIKASREEAKHIL·4 public vizzes

Activity 6 Question 2

This stacked area chart visualizes fruit quantities across multiple years, with three colored layers representing apples, oranges, and bananas. It loads CSV data via `d3.csv`, then uses `d3.stack()` to compute the stacked series. The chart renders SVG paths with `d3.area()`, scales data with `d3.scaleBand()` and `d3.scaleLinear()`, and adds axes with `d3.axisBottom()` and `d3.axisLeft()`.

Apr 6, 2025

Loading thumbnail…

Activity 6 Question 1

This interactive D3.js pie chart visualizes the top 10 countries with the highest deaths attributed to air pollution in 2020. It encodes each country’s death count as a slice of the pie, with the value displayed inside each segment in thousands. A color-coded legend maps each slice to its corresponding country. The visualization is rendered as an SVG using D3 v5 APIs, including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format`. Data is fetched asynchronously from a CSV file hosted on GitHub.

Apr 6, 2025

Loading thumbnail…

Activity 6 new

This example demonstrates a reusable scatter plot that visualizes the Iris dataset, showing relationships between sepal and petal measurements. It cycles through different x-axis variables at regular intervals, using D3.js version 6.7.0 with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions. The visualization also features color-coded species markers and dynamic axis labels that update based on the selected variable. The data is loaded from a remote CSV file, and the rendering uses SVG elements with animation triggered by `setInterval`.

Apr 6, 2025

Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” in a large, centered message on the page. It demonstrates a minimal D3.js setup where the `select` function from D3 targets a `<div>` element with the ID `message` and sets its text content. The message text originates from a separate ES6 module via an exported constant, and the styling is defined in a linked CSS file. The code uses D3 v6 and follows a basic HTML structure with a bundled JavaScript file.

Apr 6, 2025