Skip to main content
SimilarExport ZIP
100%

Ques 1_ASS II SDV

✓ Published1🌍 Public
Mmudunurirahulvarma98@gmail.com
Last edited Apr 7, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This pie chart displays the income of the top 10 Indian states for the financial year 2011-12. The data is loaded from a remote CSV file, sorted by income, and then sliced to show only the top ten states. The visualization is rendered using D3 v5 with an SVG canvas. It uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to create the pie segments and color them, while also generating a custom legend with rectangles and text labels for each state and its corresponding income in Rupees.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Q1.1

This pie chart visualizes the GDP of the top 15 Indian states for the financial year 2015-16, sorted in descending order. Using D3 v5, it renders an SVG with pie segments and a legend that displays each state's name and income value in "Rs". The legend uses color-coded rectangles mapped via `d3.scaleOrdinal` and `d3.schemeCategory10`. Data is loaded from a CSV file using `d3.csv` and processed with `d3.pie` and `d3.arc`.

Jjyothikaraj3@gmail.com
88% match
Loading thumbnail…

ICE 7 - Pie Chart

This pie chart displays the income of the top 10 Indian states for the financial year 2011–12, with each slice colored via d3.scaleOrdinal and d3.schemeCategory10. The data is loaded from a CSV using d3.csv, sorted, and sliced before being rendered with d3.pie and d3.arc. A custom legend, built with SVG rectangles and text, shows each state’s name and income value alongside its color. Mouseover events log the corresponding income value to the console.

Mms.himabinduchalla@gmail.com
86% match
Loading thumbnail…

Fork of Assignment- II_SDV

This pie chart visualizes the top 10 Indian states by GDP for the financial year 2011-12. Using D3.js v5, the code sorts and slices a CSV dataset from GitHub, then renders the chart with `d3.pie` and `d3.arc`. It includes an interactive tooltip that logs GDP values on mouseover, and displays a legend with state names and values, colored via `d3.scaleOrdinal` with `schemeCategory10`. The chart is drawn as SVG with a title and a 960x500 canvas.

Ssiddhartha gurram
82% match
Loading thumbnail…

Assignment-6_Question-1

This example presents a pie chart visualizing the GDP of the top 15 Indian states for the financial year 2015-16. It loads CSV data from a GitHub repository, sorts the states by GDP, and renders the chart using D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs. The visualization includes a color-coded legend with rectangles and text labels, displaying both state names and their corresponding GDP values formatted with a “Rs” suffix. SVG is used for rendering with mouseover events logging data to the console.

Ssiddhartha gurram
82% match
Loading thumbnail…

Pie chart Visualization

This pie chart visualizes the top 10 Indian states by population, with each slice colored distinctly and paired with a legend listing state names and population values in thousands. Built with D3 v5, the code loads CSV data from a GitHub gist via `d3.csv`, computes arc segments using `d3.pie` and `d3.arc`, and renders the chart as SVG. Color mapping uses `d3.scaleOrdinal`, while numeric labels are formatted with `d3.format`. The legend is manually appended alongside the pie, and no interactivity is implemented.

DDanthalakirankumar
79% match
Loading thumbnail…

Question1

A pie chart visualizes population distribution across Indian states, with each slice labeled by state name and percentage of the total population. The chart uses D3 v7's `pie` and `arc` generators to compute slice geometry, `scaleOrdinal` with `schemeCategory10` for colors, and SVG `path` elements for rendering. A custom legend displays each state's name, population in millions, and percentage, while labels positioned via `arc.centroid` show percentages directly on slices. Data comes from a CSV file loaded with `d3.csv`, formatted with custom number and percentage helpers.

PPadmajaKodati@my.unt.edu
79% 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
77% match
Loading thumbnail…

Ques1

This pie chart visualizes the count of sales across different regions from a CSV dataset. The pie slices show sales values in thousands, with a legend on the right identifying each region and its corresponding value. The chart uses D3 v5, including the `pie` and `arc` functions to generate segments and compute centroids for labels. Data is fetched asynchronously using `d3.csv`, and colors are mapped via `scaleOrdinal`, with axis labels added manually via SVG text elements.

Ssushanthkodipyaka@gmail.com
77% match