Skip to main content
SimilarExport ZIP
100%

Fork of Assignment- II_SDV

✓ Published0🌍 Public
Ssiddhartha gurram
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Ques 1_ASS 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.

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
87% match
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
83% 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…

Fork of Pie Chart (with labels) with d3

This pie chart displays the top 10 US states by GDP, with each slice representing a state’s economic output. The visualization uses d3.arc to generate the pie geometry and d3.pie to compute the arc angles, while a hover tooltip with a bounding box reveals state names and values. It is built with React, loading data via d3.csv from a remote CSV file, and rendered as SVG. The legend and slice colors use d3.scaleOrdinal with d3.schemeCategory10.

SSweetierams
81% match
Loading thumbnail…

Fork of pie chart

A pie chart displays the GDP distribution of the top ten countries, with each slice proportionally sized and labeled with the country name, alongside a legend. The D3.js code (v7) uses `d3.pie()` to compute arc data and `d3.arc()` to generate SVG paths, with `d3.scaleOrdinal` assigning colors. A separate SVG legend lists countries with color swatches. The hardcoded dataset is embedded directly in the JavaScript.

Nnitishsurneni@gmail.com
81% match
Loading thumbnail…

Fork of Pie Chart (with labels) with d3

This example visualizes the top 10 US states by GDP as a static pie chart, with each slice labeled and interactivity via hover tooltips that display the state name and value. The chart is built using React with D3 v4, rendering SVG paths via the `d3.arc` and `d3.pie` APIs. Data is loaded from a CSV file using `d3.csv`, and colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`. The tooltip is a dynamically appended SVG group that follows mouse movement using `d3.mouse`.

SSweetierams
80% match
Loading thumbnail…

Fork of Script Test

This pie chart displays the top 10 countries by GDP per capita in 2007, using a donut-style presentation with a color-coded legend. The visualization loads data from a CSV file via `d3.csv` and renders SVG paths using `d3.pie` and `d3.arc`. It employs `d3.scaleOrdinal` for color assignment and `d3.format` to display percentage values and abbreviated monetary figures in the legend.

Ppavan vasamsetti
80% 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
80% match