Skip to main content
SimilarExport ZIP
100%

Assigment2

✓ Published0🌍 Public
Llokesh kautharapu
Last edited Jul 13, 2024
Created on Jul 13, 2024
Forked from Hello VizHub

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.

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…

Assignment2-Piechart

This pie chart visualizes United States car sales by brand using data from a CSV file. Built with D3 v5, it renders an SVG with color-coded segments and a legend, where each slice's size reflects the brand's year-to-date sales. The code uses D3's `pie`, `arc`, and `scaleOrdinal` APIs to compute and style the chart, and loads data via `csv` from a GitHub gist.

Llokesh kautharapu
85% match
Loading thumbnail…

Activity 7.1-1

This example shows a pie chart of car sales by brand, using a dataset loaded from a GitHub-hosted CSV file. It aggregates the raw data with d3.rollup and d3.sum to compute total units sold per brand, then renders the slices with d3.pie and d3.arc in an SVG. Each brand receives a distinct color from a predefined map, and a legend displays the brand names alongside their corresponding sales totals. The visualization also logs intermediate data to the console for debugging.

DDeekshitha Annreddy
84% match
Loading thumbnail…

Assignment2-1

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.

Hhkodiripaka15@gmail.com
84% match
Loading thumbnail…

Assignment2-Question1

This example presents a pie chart visualizing sales distribution by item category, with each slice labeled by category and total sales amount. The chart is rendered as an SVG within an HTML page. It loads data from a remote CSV file and aggregates it using `d3.rollups` and `d3.sum`. The visualization is built with D3 v6, using `d3.pie` for the arc geometry, `d3.arc` for paths and label positioning, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. A legend and title/subtitle are also included.

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

ice7_task2_1

This example shows the distribution of car brands in a dataset as a pie chart, with each slice labeled by brand name and its percentage of the total. The visualization loads data from a remote CSV file using `d3.csv` with `d3.autoType`, then aggregates counts per brand via `d3.rollups`. It computes slice geometry with `d3.pie` and renders the arcs using `d3.arc`, applying a categorical color scale with `d3.scaleOrdinal` and `d3.schemeTableau10`. A manual legend lists the brands, using SVG groups and rectangles.

Kkmohithkumar7@gmail.com
84% match
Loading thumbnail…

assignment 2

This pie chart visualizes laptop sales by brand, displaying the proportion of units sold for each manufacturer. Built with D3.js (v6.7.0), it uses `d3.pie` and `d3.arc` to generate the sectors, with each slice labeled by brand and unit count. A color-coded legend at the bottom identifies each brand, while data is loaded from a remote CSV file. The visualization also supports reusable chart creation through a separate `scatterPlot.js` module defining a configurable pie chart function.

Hhkodiripaka15@gmail.com
83% match
Loading thumbnail…

Assignment2Question 1

This example visualizes 2023 sales data for different product categories as an interactive pie chart, paired with a color-coded legend. Using D3.js (v7), it loads CSV data via the `d3.csv` method and renders the chart with `d3.pie` and `d3.arc`. The chart employs a categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) for slices and legend items. Hover interactions display a tooltip showing the sales value in billions, with transitions controlling tooltip opacity. The layout places the legend on the left and the pie chart on the right within separate SVG containers.

KKondreddy Saikiran reddy
83% match
Loading thumbnail…

assignment -2(a)

This visualization shows the market share percentages of major shoe brands in a pie chart, with each slice labeled by its percentage and accompanied by a color-coded legend listing the brand names on the right. The chart is rendered using D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs, with data loaded from a CSV file via `d3.csv`. The SVG canvas positions the pie chart on the left and the legend on the right, using `arcGenerator.centroid` to place the percentage labels within each slice.

Aanusha.chilkamarri26@gmail.com
83% match