Shish's ICE7- Reusable scatter plot

100%

Shish's ICE7- Reusable scatter plot

✓ Published0🌍 Public

Last edited Oct 28, 2025

Created on Oct 28, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

shish's ice7-reusable scatter plot

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.

SSai Shishir Koppula

93% 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

84% 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…

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

80% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This visualization uses D3 to render a reusable scatter plot of COVID-19 data, plotting each country’s population against itself while encoding the dataset’s SkinThickness column through symbol shapes. The chart displays axes for both variables, with points positioned using `scaleLinear` and `extent` for domains. The code relies on `d3.scaleOrdinal` to map symbol types and `d3.symbol` to generate the path data, while `axisLeft` and `axisBottom` add the scales. Data is loaded as CSV via `d3.csv`, and the plot is rendered as SVG with a custom margin and size configuration.

MM Hema

80% 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

80% match

Loading thumbnail…

Task8_Q3)

This scatter plot visualizes each country's population in 2024, with countries on the y-axis and population on the x-axis. It uses the D3.js library (v7) to load data from a CSV file, then renders circles with colors from `d3.schemeCategory10`. The visualization includes interactive hover effects that enlarge the dots and display the country name, alongside axes, and a legend built from the categorical colors. The plot uses `d3.axisBottom` and `d3.axisLeft` for the axes and is rendered as an SVG element.

Mmulyasuji999@gmail.com

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

79% match