Q1.1

100%

✓ Published0🌍 Public

Last edited Apr 16, 2024

Created on Apr 16, 2024

Forked from Q2

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`.

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…

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

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

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

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

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

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

81% match

Loading thumbnail…

pie chart of state gdp

A pie chart displays the top 10 US states by GDP, with each slice sized proportionally to the state’s economic output and colored using a categorical scale. The visualization loads data from a CSV file via `d3.csv` and renders the chart as SVG using `d3.arc` and `d3.pie`. Interactive tooltips appear on hover, showing the state name and GDP value, with slice opacity adjusting to highlight the selected segment. The chart is built in React with D3 v4, using `d3.scaleOrdinal` for colors and mouse event handlers for interactivity.

TTharun Reddy

79% match

Loading thumbnail…

Pie Chart of top 10 countries in terms of GDP

This pie chart visualizes the GDPs of the top 10 countries, with each slice labeled by its value in thousands and a legend listing country names and corresponding figures. The chart uses d3.pie() and d3.arc() to generate the SVG paths, with d3.scaleOrdinal assigning colors to each segment. Data is loaded via d3.csv from a GitHub gist, and d3.format is applied to abbreviate numbers. Text labels are positioned using the arc centroid method.

SSRI RAM REDDY KOTERU

79% match