Assignment-6_Question-1

100%

Assignment-6_Question-1

✓ Published0🌍 Public

Last edited Apr 8, 2024

Created on Apr 8, 2024

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.

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

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

87% match

Loading thumbnail…

Ques 1_ASS II SDV

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.

Mmudunurirahulvarma98@gmail.com

82% match

Loading thumbnail…

activity9_task9

This example presents a pie chart visualizing the net power consumption of India’s top 15 states for the financial year 2015-16, with a color-coded legend listing each state’s year and consumption value in watts. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate SVG paths, while mouseover events log consumption data to the console. Data is loaded via `d3.csv` from a GitHub gist, sorted descending by consumption, and sliced to the top 15 records.

BBindumadhavi

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

78% match

Loading thumbnail…

Assignment2_Question1(PieChart)

This pie chart displays the population distribution of major cities, with each slice labeled by its population value in thousands and accompanied by a legend identifying the corresponding state. The chart uses D3.js v5 APIs including `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.scaleOrdinal` for slice coloring. Data is loaded asynchronously via `d3.csv` from a GitHub repository, with values formatted using `d3.format`.

Ssaisnehapalle@my.unt.edu

76% match

Loading thumbnail…

Question1

This example visualizes the population of Indian states as a pie chart, with a legend positioned to the right. The chart uses a categorical color scheme from `d3.scaleOrdinal` and `d3.schemeCategory10` to distinguish states. The pie segments are generated with `d3.pie`, and their arcs are drawn using `d3.arc` with an inner radius of zero, producing a standard pie. Population values are parsed from a CSV file loaded via `d3.csv`, and labels display raw population in millions. The SVG rendering is driven by D3’s selection and data-join methods, with text elements for the title and legend.

PPadmajaKodati@my.unt.edu

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

76% match