Activity-7Q1

100%

✓ Published0🌍 Public

Last edited Nov 1, 2024

Created on Nov 1, 2024

This visualization displays World Bank data for the most recent year in the dataset, using horizontal bars to compare GDP across countries. The chart renders as an SVG using D3 v7, with a linear scale for GDP values and a band scale for country names. It loads CSV data asynchronously via `d3.csv`, filters for the latest year using `d3.max`, and draws axes with `d3.axisBottom` and `d3.axisLeft`. Bars are colored teal and sized by GDP, with tick formatting applied via `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_q4

This bubble chart visualizes the relationship between GDP (x-axis) and population (y-axis) for six countries, with circle area encoding land area and color distinguishing each country. Built with D3.js v7, it uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with the Tableau10 scheme for colors. Tooltips generated via SVG `<title>` elements display each country’s exact values. The data is loaded from a local CSV file using `d3.csv`.

Vvidyagangasani@my.unt.edu

81% match

Loading thumbnail…

GDP

This visualization displays GDP values by country as horizontal bars. Built with D3 v7, it loads CSV data from a GitHub repository using `d3.csv`, then maps country names to the x-axis and GDP values to the y-axis with linear and band scales. Bars change color on hover, and a tooltip shows the country name and GDP value. The SVG chart is rendered with rotated x-axis labels for readability, with axes styled via CSS classes.

Aadithiarikatla@gmail.com

81% match

Loading thumbnail…

Act 6.2

A stacked horizontal bar chart compares GDP growth distributions across fourteen countries, with each bar divided into five percentage-range categories. Built with D3 v7, the visualization maps country names to the y-axis using `d3.scaleBand`, GDP percentage ranges to x-axis positions via `d3.scaleLinear`, and color-codes segments by category using `d3.scaleOrdinal`. Data from `data.csv` is loaded and transformed through `d3.stack`, while interactive hover effects display precise GDP percentage values via a tooltip. The SVG output includes labeled axes and a legend, with styling provided by external fonts and CSS.

VVenkataSatyaRamKamini@my.unt.edu

80% match

Loading thumbnail…

activity6 task 2

This visualization shows the distribution of GDP growth rates across six countries, with each country’s values broken into five rate categories using a stacked horizontal bar chart. The chart uses a linear x-axis for percentages and a banded y-axis for countries, with colored segments representing each growth-rate range. Built with D3 v7, it loads CSV data via `d3.csv`, applies `d3.stack` for stacking, and uses `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on mouseover using D3 event handlers.

Ssiri2001j@gmail.com

80% match

Loading thumbnail…

Activity6_Q1.1

This visualization is a horizontal bar chart showing the population of the top 10 countries in the year 2000, sourced from a CSV file fetched via `d3.csv`. It uses D3 v7's `scaleLinear` and `scaleBand` to map population values and country names to the SVG canvas, with custom axis components (`AxisBottom` and `AxisLeft`) labeling the axes. Light green rectangles represent each country's population, and the data is sorted in descending order before rendering. The chart includes title and axis labels, all styled through inline SVG attributes.

MManojsai Bangaru

80% match

Loading thumbnail…

Activity7_Question2

This chart visualizes GDP growth rates over time as a stacked area chart, with each country represented by a distinct colored layer. The data is loaded from a CSV file using `d3.csv` and processed with `d3.groups` to organize values by year, then stacked using `d3.stack()`. The visualization uses D3 v7’s scale functions (`scaleLinear`, `scaleOrdinal`) and the `d3.area` generator to render smooth SVG paths, with axes drawn via `d3.axisLeft` and `d3.axisBottom`. A legend manually constructed with SVG rectangles and text identifies each country.

VVidya Lakshmi Chitturi

79% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes GDP growth rates across six countries, segmented into five ranges from “below 6.0” to “above 10.5.” Each bar represents a country, with colored segments proportional to the share of growth in each range. The visualization uses D3 v7’s `d3.stack()` to aggregate the data, `d3.scaleBand()` for the country axis, and `d3.scaleLinear()` for the value axis. Hovering a segment reveals its exact percentage via a custom tooltip, while the SVG rendering and ordinal color scale highlight category differences.

Vvidiyalasahithi1999@gmail.com

79% match

Loading thumbnail…

Activity 6_Q 1.1

This example presents a horizontal bar chart ranking the ten most populous countries in the year 2000, sourced from a CSV file of global population data. Using D3 v5, it loads the data via `d3.csv`, scales the bars with `scaleLinear` and `scaleBand`, and renders the visualization as SVG elements. The chart includes customized axes with tick formatting and labeled titles, with bars sorted by population in descending order to highlight country rankings.

MMannava Priyanka Chowdary

79% match