shish's ice7-reusable scatter plot

100%

shish's ice7-reusable scatter plot

✓ Published1🌍 Public

Last edited Oct 28, 2025

Created on Oct 28, 2025

This scatter plot visualizes projected 2025 world population data, showing each country’s total population against its urban population percentage, with circle size encoding each nation’s share of the global population. Built with D3 v7, it renders as an SVG with linear scales for both axes and a square-root scale for radius. Interactive tooltips appear on mouseover, displaying the country name, population, urban percentage, and world share. The chart loads data from a CSV file and uses D3’s `d3.csv`, `d3.scaleLinear`, and `d3.scaleSqrt` APIs.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Shish's ICE7- Reusable scatter plot

This scatter plot visualizes world population data for 2025, comparing each country’s population against its median age. Using D3.js v7, the code loads a CSV file, parses numeric values, and renders circles scaled with `d3.scaleLinear` for both axes. The SVG visualization includes axis labels, hover effects that change circle color, and tooltips via appended `title` elements. Data comes from a GitHub-hosted CSV source, and rendering uses standard D3 SVG primitives with margins and transitions.

SSai Shishir Koppula

93% match

Loading thumbnail…

shish's ice7- linechart

A line chart displays the top 10 countries by world population share for 2025, with each country plotted along the x-axis and its percentage of the global population on the y-axis. The chart highlights the dominant positions of India and China, which together account for roughly 35% of the world's population. Built with D3 v7, the visualization loads CSV data, sorts entries by World_Share, and renders an SVG path using d3.line, with orange circles marking each data point and rotated axis labels for readability.

SSai Shishir Koppula

82% match

Loading thumbnail…

Fork of shish's ice7- areachart

This area chart displays the top 10 countries by their share of the world population in 2025, using a smooth monotone curve and orange point markers. The visualization loads data from a CSV file via `d3.csv`, sorts it by the `World_Share` column, and renders an SVG area chart with `d3.area` and `d3.scalePoint` for the categorical country axis. Axis labels and rotated country names are added using `d3.axisBottom` and `d3.axisLeft`, with light blue fill and steel blue stroke styling.

SSai Shishir Koppula

82% match

Loading thumbnail…

shish's ice7-piechart

This pie chart displays the top 10 countries by world population share in 2025, with each slice labeled by country name and accompanied by a color-coded legend. Built with d3.v7 and rendered as SVG, it loads data from a CSV file, sorts by the World_Share column, and uses `d3.pie()` to generate the arcs. Slice colors come from `d3.scaleOrdinal()` with the `d3.schemeCategory10` palette, while `d3.arc()` defines the pie geometry. The visualization includes stroke outlines and text labels positioned at arc centroids, with a legend appended to the right of the chart.

SSai Shishir Koppula

82% match

Loading thumbnail…

ICE7-Q1-Reusable-Scatter

A reusable scatter plot displays the relationship between population and GDP for cities in 2023, with population on the x-axis and GDP on the y-axis. The chart is rendered as an SVG using D3 v7, leveraging the `d3.scaleLinear` scales and `d3.axisBottom` and `d3.axisLeft` for axes. Data from the `global_cities_extended.csv` file is loaded with `d3.csv` and filtered to the target year, with points drawn as circles with a fixed radius and opacity.

CCharith Kapuluru

79% match

Loading thumbnail…

Shish's Ice 8- Making Maps

This interactive world map visualizes synthetic 2025 population and GDP per capita data for major countries using a Natural Earth projection. Users click toggle buttons to switch between two sequential color scales, with D3 transitions animating the country fill colors over 900 milliseconds. The visualization loads TopoJSON world-atlas data via d3.json, renders paths with d3.geoPath, and displays graticules, a legend, and hover tooltips through D3 event handlers. Countries without data appear gray, while the legend gradient updates only for the population metric.

SSai Shishir Koppula

79% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes world population trends over time using D3 v6, drawing an SVG area chart where the x-axis maps years via a time scale and the y-axis represents population counts with a linear scale. The code loads CSV data from a VizHub dataset, applies a curve basis to the area generator, and customizes axes with tick formatting that abbreviates large numbers (e.g., converting G to B). Gridlines, axis labels, and a title are styled through CSS classes, while the chart employs margins and a translated group for layout.

WWayne716

78% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the world's most populous countries, with countries arranged along the y-axis and their population totals on the x-axis. The visualization uses D3 v5 to load CSV data, scale populations with `scaleLinear`, position countries with `scalePoint`, and render axes with `axisBottom` and `axisLeft`. Circle marks represent each country, and the chart includes formatted tick labels that convert large population numbers into abbreviated units. The SVG rendering includes gridlines and ordered country labels.

Ssakhabutdinov

78% match