Skip to main content
SimilarExport ZIP
100%

Assignment2-1

✓ Published0🌍 Public
Hhkodiripaka15@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This example displays a pie chart of soft drink sales, rendered as an SVG using D3.js. It loads CSV data from a GitHub gist and applies a pie layout to compute arc angles. The chart uses `scaleOrdinal` and `schemeCategory10` for color encoding, with each drink labeled outside the slice using an extended arc’s `centroid` method. A legend is positioned to the left, and all elements are generated through D3’s data joins and arc generators.

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 2

This pie chart displays beverage consumption quantities, with each slice labeled by the beverage type. Built with D3.js v7, it loads data from a remote CSV file using `d3.csv`. The visualization uses the `d3.pie()` layout generator and `d3.arc()` for the arc paths, rendered as SVG elements. Each slice is colored using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and slice labels are positioned via the arc’s centroid calculation.

Ddineshreddy.ravula@gmail.com
86% match
Loading thumbnail…

Assignment 2

This pie chart shows the proportional consumption of different beverages. Each slice is labeled with the beverage name, and the chart is rendered using SVG within a D3.js framework. The visualization fetches data from a remote GitHub gist, parses it using `d3.csvParse`, and computes the pie geometry with `d3.pie` and `d3.arc` APIs. Slice colors come from the `d3.scaleOrdinal` color scale based on the beverage category.

Ddineshreddy.ravula@gmail.com
85% match
Loading thumbnail…

assign-2

This example shows a pie chart displaying fruit quantities from a CSV dataset, using the D3.js v7 library and SVG rendering. The visualization computes slice geometries with `d3.pie()` and draws them with `d3.arc()`, while color assignments come from `d3.scaleOrdinal` with `schemeCategory10`. A legend, also built in SVG, maps each fruit name to its corresponding color using small rectangles and text labels positioned relative to the chart’s center. The code loads data asynchronously via `d3.csv`, and the chart is centered within a 400×400 pixel viewport.

Vvaishnavi6gan@gmail.com
85% match
Loading thumbnail…

Assigment2

This example visualizes sales distribution by brand as an animated pie chart in SVG. It loads data from a CSV file via `d3.csv`, aggregates sales using `d3.rollup`, and renders slices with the `d3.arc` and `d3.pie` layouts. Hovering over a slice enlarges it via `d3.transition` and displays a bold label with the brand’s total sales. The chart includes a color-coded legend using `d3.scaleOrdinal` and a descriptive title.

Llokesh kautharapu
84% match
Loading thumbnail…

Assignment 2 - Question 1

This example shows a pie chart of food categories with quantities displayed both inside the slices and in a legend, using a color scale with four distinct sections. The visualization loads CSV data from a GitHub repository via `d3.csv`, then renders SVG arcs using `d3.pie` and `d3.arc` with an inner radius of zero. The chart positions text labels at each arc's centroid and appends a separate legend with rectangles and value labels. The code relies on D3 v5 APIs including `scaleOrdinal` for colors and `format` for tick value formatting, with styles defined in an external stylesheet.

Mmaheshchowdaryponnaganti@my.unt.edu
84% match
Loading thumbnail…

assignment 2

This example shows a reusable pie chart of scores by name, rendered as SVG. It loads CSV data from a GitHub gist and converts the score field to numbers. The visualization uses a modular `pieChart` function with chainable accessor methods, building arcs via `d3.pie()` and `d3.arc()`, filling slices with a categorical color scale, and labeling each slice with its category name. The chart is centered within a 500x500 SVG using D3 v6.

CChiranjeeviUppala@my.unt.edu
83% match
Loading thumbnail…

Assignment 2 Question 1

This example shows the distribution of fruit categories using a pie chart, with each slice sized according to the value in the "4-5" column from a remote CSV file. The visualization renders as an SVG using D3 v7, with colored slices, a bold title, and an interactive legend that displays category names. D3's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs generate the chart and color scheme, while the legend uses `rect` and `text` elements to map colors to categories. The data is fetched via `d3.csv` from a GitHub gist, and labels for "Category" and "Percentage" are added as static text elements.

Nnikhilapogula@my.unt.edu
83% match
Loading thumbnail…

Assignment7 Pie Chart2

This pie chart displays the proportion of fruit sales from a small CSV dataset, with five colored slices representing Apples, Bananas, Cherries, Dates, and Elderberries. Each slice is labeled with the fruit name using D3’s `pie()` and `arc()` generators, with the `scaleOrdinal` color scale providing distinct hues. The SVG is rendered at 960 by 500 pixels, and labels are positioned along a separate label arc via `labelArc.centroid()`. Data is loaded asynchronously using D3’s `csv()` function, with error handling logged to the console.

445.saiful@gmail.com
83% match