shish's ice7- linechart

100%

shish's ice7- linechart

✓ Published1🌍 Public

Last edited Oct 28, 2025

Created on Oct 28, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

83% match

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

82% match

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

80% match

Loading thumbnail…

Shish's Barchart- ICE6

This bar chart displays the top 10 most populous countries in 2025, using a horizontal axis for country names and a vertical axis for population counts. The bars are colored by continent using a Tableau10 color scheme. Built with D3 v7, the visualization loads CSV data, sorts it, and slices the top ten entries. It renders as an SVG using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes.

SSai Shishir Koppula

80% match

Loading thumbnail…

ICE-7 Assignment Line Chart Country wise Population

This line chart displays population trends for countries from 2013 to 2022, with time on the x-axis and population count on the y-axis. It uses d3.csv to load the data and d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG path. The chart includes rotated axis labels and grid lines via tick sizes, with the line drawn in red. Data is parsed from a GitHub gist CSV, formatting years from date strings using d3.timeParse.

VVenkata Rajashekar Reddy Chinthala

79% match

Loading thumbnail…

ICE 7question 3 Line Chart

This visualization shows the top 10 states in India by population from 1999 to 2013, with years on the x-axis and population values on the y-axis. The single line path connects the data points for each year, displaying the trends over time. The code uses D3 v5's scaleTime, scaleLinear, axisBottom, axisLeft, and line APIs to build the SVG chart, loading CSV data from a GitHub gist. The chart includes labeled axes, a title, and a styled blue line path.

Ssowmyanagula@my.unt.edu

78% match

Loading thumbnail…

BAR CHART

This bar chart displays the population of the top 10 most populated countries in 2018, with China and India leading by a significant margin. The visualization uses d3.scaleLinear and d3.scaleBand to map population values to bar widths and country names to vertical positions, respectively. Data is loaded from a CSV file using d3.csv, and the population values are converted from thousands to actual numbers. The chart renders as an SVG with d3.axisLeft and d3.axisBottom providing the axes.

SShabani Muswamba

78% match