Scatter Plot for Density(per Km.) in India

100%

Scatter Plot for Density(per Km.) in India

✓ Published1🌍 Public

Last edited Jan 5, 2020

Created on Jan 5, 2020

This scatter plot displays population density per square kilometer across Indian states and union territories, using 2012 data from the United Nations Population Prospect 2017. The visualization maps states along the y-axis and density values on the x-axis, with each circle representing a state’s density. Built with D3 v5, the code uses `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom` and `axisLeft` for gridlines and labels. The SVG rendering applies a logarithmic-style tick format via `format('.3s')`, with circles colored orange against a light blue background.

AI-generated description

Yifu's simple bar chart

I created the visualization following this tutorial: https://www.youtube.com/watchv=_8V5o2UHG0E&t=1220s

Data source: Data source is United Nations Population Prospect 2017

Dec. 24, 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

Dot Density India

A dot density map of India renders each state as a colored polygon on a canvas, using a color-coding scheme where each state's RGB value encodes its index. The visualization projects geographic coordinates through a Mercator projection with d3.geoMercator, and draws the state boundaries using d3.geoPath and topojson. The rendering occurs entirely on a Canvas 2D context, with each polygon filled via a custom drawPolygon function that iterates through coordinate rings. The data comes from a remote TopoJSON file containing Indian state boundaries, loaded asynchronously with d3.json.

AAnimesh Nautiyal

74% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the literacy rates of women across 16 Indian states, with each circle representing a state and its position along the horizontal axis corresponding to the literacy percentage. The vertical axis lists the state names, using a point scale for categorical placement. The visualization is built with D3 v5, employing `scaleLinear` for the numeric axis and `scalePoint` for the categorical one, alongside `axisBottom` and `axisLeft` for the ticks. Data is loaded from a local CSV file, and the SVG rendering includes styled circles and axis labels.

SSrishti2398

73% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes population density for the top 20 densest cities or regions, using data from World Population Review 2021. Density values are divided by 1000 and plotted on the x-axis, with country names on the y-axis. The visualization is rendered as an SVG using React, D3 v7, and the `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.axisBottom` APIs. Circle marks are positioned with `cx` and `cy` attributes, and axis tick lines use a light gray stroke.

Mmartin

72% match

Loading thumbnail…

Making a Scatter Plot

This scatter plot visualizes the populations of ten Indian cities from the 2011 census, with city names on the vertical axis and population on the horizontal axis. The horizontal axis uses a linear scale with tick labels formatted in abbreviated units. The chart is rendered as SVG using D3 v5, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes from the `data.csv` file.

AArvind Lairenjam

71% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top nine most populous countries using 2019 United Nations estimates, with each country represented by a circle positioned along linear population and point-based country scales. The visualization is rendered as SVG using D3 v5, leveraging `d3.csv` for data loading, `d3.scaleLinear` and `d3.scalePoint` for axes, and `d3.axisBottom`/`d3.axisLeft` with formatted tick labels. Grid lines created by axis ticks extend across the plot, highlighting population magnitudes for countries like China and India.

EEric Torres

71% match

Loading thumbnail…

Scatter plot - MW

This scatter plot displays the populations of the ten most populated countries, plotting each country as a circle along a point scale for country names on the y-axis and a linear scale for population on the x-axis. The circles highlight the relative magnitude of each nation’s population, with China and India appearing as the largest values. Using D3 v5, the visualization imports methods like `csv`, `scaleLinear`, `scalePoint`, and `axisLeft` to construct an SVG chart with gridlines and labeled axes. Population data comes from a local CSV file derived from the United Nations World Population Prospects.

MMillie White

70% match

Loading thumbnail…

Fork of Question1

This pie chart visualizes population distribution across Indian states, showing each state's share as a percentage and its population in millions. The chart uses a color-coded legend with state names, populations, and percentages, alongside labels directly on each slice. Built with D3.js v7, it employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for colors, loading data from a CSV file of Indian Census 2021 statistics. Population values are parsed and formatted into millions and percentages for clear comparison.

PPadmajaKodati@my.unt.edu

70% match

Loading thumbnail…

Scatter Plot.js

This scatter plot displays the population of five countries—China, India, the United States, Indonesia, and Brazil—on a linear scale, with country names on the y-axis and population counts on the x-axis. Circles mark each data point, accompanied by axis labels and a title. Using D3 v5 with SVG rendering, the code loads data via `d3.csv`, scales values with `scaleLinear` and `scalePoint`, and generates axes via `axisBottom` and `axisLeft`. Population figures are multiplied by 1000 to represent raw counts.

Dddperdue

69% match