parmuriat@gmail.com

@king-p-code·7 public vizzes

Activity6_Task2

This stacked bar chart shows the distribution of video game sales across ten genres, broken down by platform (PS2, DS, Wii, X360, PS3, PC, and Other). Each bar represents total global sales for a genre, with colored segments indicating platform contributions. The visualization uses d3.tsv to load tab-separated data, d3.scaleOrdinal with d3.schemeCategory10 for colors, and interactive tooltips that appear on mouseover to display segment details. A legend identifies the platform colors, while axes display genres and sales values in millions.

Apr 7, 2025

Loading thumbnail…

Activity6_Task4

This visualization displays country-level development indicators for the most recent year in the dataset, plotting the Human Development Index (HDI) on the x-axis against life expectancy on the y-axis. Each bubble's size encodes per-capita CO2 consumption, while its color represents the country's continent. The chart is built with D3 v7, using `d3.tsv` to load the CSV data, `d3.scaleLinear` and `d3.scaleSqrt` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. It renders as an SVG with tooltips and a legend, and includes an animation that removes a loading indicator once the data is processed.

Apr 6, 2025

Loading thumbnail…

Acticicty6_Task3.2

This scatter plot visualizes Palmer Penguins data, showing the relationship between bill length and flipper length with each of three species represented by a distinct D3 symbol shape (circle, cross, triangle). The visualization uses d3.csv for data loading and filtering, d3.scaleLinear for position scales, and d3.scaleOrdinal with d3.symbol generators to map species to shapes. SVG is the rendering approach, with gridlines generated via d3.axisBottom and d3.axisLeft tick sizing. A legend created with d3.symbol identifies each species.

Apr 6, 2025

Loading thumbnail…

Activity6_Task3.1

This scatter plot shows the relationship between bill length and flipper length across three penguin species, using color-coded circles to distinguish species and legends for identification from the Palmer Penguins dataset. The code filters out missing values, converts strings to numbers, and renders the visualization using d3.v7 with SVG. It employs scaleLinear for x and y axes, scaleOrdinal with schemeCategory10 for colors, and axisBottom/axisLeft to generate labeled axes with gridlines.

Apr 6, 2025

Loading thumbnail…

Activity6_population_Qn1

This horizontal bar chart displays the top 10 countries by population in the year 2000, using a light blue fill for each bar. The visualization is built with D3 v7, fetching CSV data from a GitHub repository via `fetch` and `d3.csvParse`, then sorting and slicing the dataset. The code uses `scaleLinear` and `scaleBand` for the x and y axes, respectively, and renders SVG rectangles with drop lines and axis labels generated by `d3.axisBottom` and `d3.axisLeft`.

Apr 6, 2025

Loading thumbnail…

Activity6_population_Qn2

This horizontal bar chart shows the populations of 20 countries in 2010, ordered from largest to smallest. The visualization uses D3 v7 with an SVG rendering approach, fetching data from a GitHub-hosted CSV file. It employs `scaleLinear` for the population axis, `scaleBand` for country categories, and custom styled grid lines drawn with SVG elements. The chart displays blue bars with formatted tick labels using `d3.format` and includes axis labels for both country names and population values.

Apr 6, 2025

Loading thumbnail…

Activity6_Task1

This horizontal bar chart displays the 30 most populous countries in 2020, with bars representing population values and a tooltip showing formatted numbers on hover. The visualization loads CSV data from a GitHub-hosted dataset, processes the population values by removing commas, and sorts countries in descending order before capping at 30 entries. Built with D3 v6, it uses `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and custom `AxisBottom` and `AxisLeft` components to render the axes. The chart includes blue grid lines, light green bars, and a formatted x-axis label that converts billions to a readable format.

Apr 6, 2025