Skip to main content
SimilarExport ZIP
100%

Projected Population– States/UTs-NCRB India- 2020

✓ Published0🌍 Public
NNita
Last edited May 11, 2022
Created on May 11, 2022
Forked from Customizing Axes

This horizontal bar chart displays the projected population of Indian states and union territories for 2020, using data from the National Crime Records Bureau. The SVG visualization uses d3.scaleLinear and d3.scaleBand to map population values and state names, with d3.axisLeft and d3.axisBottom providing labeled ticks. Population figures are processed from a CSV file and converted to lakhs. The chart employs d3.select and .enter().append() to generate steel-blue bars.

AI-generated description

This bar chart shows population of the Projected Population– States/UTs India 2020. The data comes from Projected Population– States/UTs.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Basic bar chart - data population India estimated 2019

This example shows estimated population data for Indian states and territories in 2019, displaying the last ten entries as a horizontal bar chart. The bars are rendered as SVG rectangles using D3 v6, with their widths scaled by a linear scale (`d3.scaleLinear`) mapping population values to pixel space. The data is loaded asynchronously from a CSV file via `d3.csv` from a GitHub gist, and the chart dimensions adapt to the browser window size. The code uses `d3.select`, `d3.extent`, and Promise-based async/await to handle data loading and rendering.

NNita
75% match
Loading thumbnail…

Project_Population

This example displays state-level population data for India in 2021 through an interactive line chart. Users select a state from a dropdown menu and load its corresponding visualization, which renders population figures using D3.js v7 in an SVG container. The chart includes a tooltip that appears on hover, styled with CSS transitions to show detailed population metrics. The data is embedded directly in the JavaScript as JSON objects containing comprehensive demographic information for each district.

Nnaveen.dodda4321@gmail.com
74% match
Loading thumbnail…

Basic bar chart - data population India estimated 2019-component Bar chart

A horizontal bar chart displays the estimated 2019 populations of the last ten regions in India, using data from a CSV file. The visualization is generated with React, rendering SVG rectangles via D3’s `select`, `csv`, `scaleLinear`, and `extent` APIs. The chart scales bar widths linearly to population values and positions them vertically within the window’s dimensions.

NNita
74% match
Loading thumbnail…

Bar chart Graph with D3.js

A horizontal bar chart displays the population of Indian states, with bars sorted by descending values from Uttar Pradesh to Andhra Pradesh. The visualization uses D3.js v7 to load CSV data via `d3.csv` and renders SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with state labels on the y-axis and population counts on the x-axis. The bars are styled orange with axis labels added as SVG text elements.

DDanthalakirankumar
72% match
Loading thumbnail…

Area Chart

This area chart shows the Indian population from 2010 to 2022, with the year on the x-axis and population in billions on the y-axis. The chart uses a smooth curve to connect the data points, filled in orange. It is built with D3 v5, using `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveBasis`, rendering as SVG. The data is loaded from a CSV file hosted on GitHub.

AAkhila-Battula
72% match
Loading thumbnail…

SC population in States of India

This bar chart visualizes the percentage of Scheduled Caste (SC) population in Indian states for 2011, sourced from Wikipedia. Each bar represents a state, sorted in descending order of SC population share, with a green, semi-transparent fill. The visualization uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom for ticks. Bars animate in sequentially via `transition()` with staggered delays, and the data is loaded as CSV and parsed with d3.csv.

NNita
72% match
Loading thumbnail…

Line Chart: Population of India

This line chart visualizes the population of India from 2010 to 2019 using data fetched from a CSV file. A single steelblue line traces the population trend across the years, with labeled x- and y-axes rendered via SVG. The code leverages D3 v6’s `d3.csv` for data loading, `d3.scaleLinear` for coordinate mapping, and `d3.axisBottom` and `d3.axisLeft` for tick marks. The chart is embedded directly as an SVG within an HTML page, with styling applied through CSS.

Ssumanthsomu1
72% match
Loading thumbnail…

Srividya Bargraph

This example visualizes the population of Indian states in 2011 as a bar chart. The chart uses a vertical bar for each state, with the height encoding the population value, and includes labeled axes for states and population. The code utilizes D3 v7’s `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render the SVG, with bars colored steelblue and a hover effect. Population data is loaded from a CSV file via `d3.csv` with `d3.autoType`, and the chart is displayed alongside an analysis section.

Ssrividyamadas@gmail.com
72% match