Skip to main content
SimilarExport ZIP
100%

Ram_ICE7

✓ Published1🌍 Public
RRamch16
Last edited Mar 13, 2023
Created on Mar 10, 2023

This visualization shows the population rankings of Indian states in 2018 as a pie chart with proportional slices and labeled segments. The chart uses D3 v5’s pie layout and arc generator to create segments, with scaled color encoding via scaleOrdinal and value labels formatted using d3.format. Data is loaded asynchronously from a CSV file hosted on GitHub Gist, and the accompanying legend lists each state’s name alongside its corresponding population figure.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Ram_ICE7

This D3.js visualization displays the 2018 populations of Indian states as a pie chart, with each state represented by a colored slice sized according to its ranking value. The chart is rendered as SVG using D3’s `pie`, `arc`, and `scaleOrdinal` APIs, with data fetched as CSV from a GitHub gist. Slice labels and a legend show population figures formatted in thousands using `format`, while the overall layout is fixed within an SVG canvas of 960×500 pixels.

IIndhuKrishnaraj
92% match
Loading thumbnail…

Ram_ICE7_line_chart

This line chart visualizes the population growth of Indian states from 2013 to 2022. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` to map years and population values. It loads CSV data from a GitHub gist and renders the result as an SVG path with a green stroke. The chart includes labeled axes and a grid, with the y-axis labeled “Population” and the x-axis labeled “years.”

RRamch16
86% match
Loading thumbnail…

ICE7 piechart

This pie chart displays the population of Indian states. It uses the D3 library's `pie` and `arc` functions to compute and render the SVG paths, with colors assigned via `scaleOrdinal` and `schemeCategory10`. A legend, built with `append` and `text`, shows each state’s name and its population in millions. The data is loaded asynchronously from a remote CSV file using the `csv` function.

MM
85% match
Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the populations of ten Indian states in 2000, with each slice’s area proportional to its population value and a legend mapping colors to state names and exact counts. Built with D3 v5, it loads JSON data via `d3.json`, arranges arcs using `d3.pie()` and `d3.arc()`, and assigns categorical colors through `d3.scaleOrdinal` with `d3.schemeCategory10`. The SVG rendering includes text labels formatted with `d3.format`, while the legend is manually constructed using appended rectangles and text elements.

Ssowmyanagula@my.unt.edu
85% match
Loading thumbnail…

Piechart ICE7

This pie chart displays the ten most populous Indian states in 2024, ranking them by population with a color-coded legend that labels each slice with the state name and its total population. The chart uses D3.js v7’s `d3.pie` layout and `d3.arc` generator to compute and draw the SVG paths, while a `d3.scaleOrdinal` with the `schemeTableau10` palette assigns colors. Data loads from a remote CSV file, and the legend is built with D3 selections, appending styled HTML divs.

MMahesh
84% match
Loading thumbnail…

ICE - 7-2 Pie Chart

This example visualizes the top 10 most populated states in India as a pie chart, labeling each slice with its population in millions and pairing it with a color-coded legend. The chart’s slices use a d3.pie layout, with d3.arc generating the segment paths and d3.scaleOrdinal assigning categorical colors. Data is loaded asynchronously from a CSV via d3.csv, then rendered to SVG, with text labels positioned using the arc generator’s centroid method and a custom legend built from grouped SVG elements.

EEshwarreddyt
84% 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
82% match
Loading thumbnail…

ICE-6

This visualization displays the population growth rankings of Indian states in 2018 as a horizontal bar chart. It shows the top 20 states from a CSV dataset, with bar lengths representing the numeric ranking values on a linear scale. The React-based application loads data with `d3.csv`, slices the first 20 rows, and renders SVG rectangles using `d3.scaleBand` for the state categories and `d3.scaleLinear` for the ranking axis. Axis tick marks and labels are generated manually from the scales, with styling controlled by the accompanying CSS file.

RRamch16
82% match