Skip to main content
SimilarExport ZIP
100%

Activity 7.1 Q1

✓ Published0🌍 Public
Ssumithdugyala@my.unt.edu
Last edited Nov 7, 2024
Created on Nov 7, 2024
Forked from Hello VizHub

This pie chart visualizes annual car sales for different companies in the USA, sourced from a raw GitHub CSV dataset. Built with D3 v5, it renders an SVG with pie slices, percentage labels, and a color-coded legend. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart geometry and colors, with d3.csv for data loading.

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…

Activity-7.1_Q1

This D3.js pie chart visualizes year-to-date auto sales by brand, with a legend conveying each brand’s percentage share and sales in thousands. Built with D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()`, it loads CSV data from a GitHub gist via the `csv()` function. The SVG rendering uses a categorical color palette and fixed positioning for the chart and legend.

Jjampani921@gmail.com
88% match
Loading thumbnail…

Activity_7.1.1

A pie chart displays 2022 U.S. auto sales by brand, with each slice sized by year-to-date sales. Percentages and sales values (in thousands) are shown in a legend. Built with D3 v5, the visualization loads CSV data via `d3.csv`, computes pie arc paths with `d3.pie`, and renders them as SVG paths using `d3.arc`. A sequential `d3.scaleOrdinal` color scheme distinguishes brands. The chart is centered in a 960×450 SVG canvas, with legends positioned to the right.

CCodeNinja
87% 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
86% match
Loading thumbnail…

Activity 7.1

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

NNagalakshmi Thota
85% match
Loading thumbnail…

Activity_7.1

This pie chart visualizes the distribution of total sales across product categories from an autosales CSV dataset, with each slice’s percentage and value in thousands shown in a side legend. The chart uses D3 v7’s `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` assigns distinct colors. Data is loaded asynchronously via `d3.csv`, and sales strings are cleaned by removing dollar signs and commas before calculating totals and percentages.

Jjampani921@gmail.com
85% match
Loading thumbnail…

Activity_7.1.1

This example visualizes 2022 US auto sales by brand as a pie chart, with each slice colored and accompanied by a legend showing brand names, their percentage of total sales, and sales figures in thousands. The code loads CSV data via `d3.csv`, computes pie layout using `d3.pie`, and renders SVG paths with `d3.arc`. Legends are built manually with appended rectangles and text, using `d3.scaleOrdinal` for categorical colors and `d3.format` for tick labels.

CCodeNinja
85% match
Loading thumbnail…

Activity 7

This example shows a pie chart representing car sales by brand, aggregated from a CSV dataset. It uses D3 v7’s `d3.pie` layout and `d3.arc` to generate SVG paths for each slice, while `d3.rollup` sums the `Units_Sold` values per `Car_Brand`. A custom color mapping assigns distinct hues to Toyota, Honda, Ford, and Chevrolet, with an HTML legend displaying each brand’s name and total units. The SVG is centered within a 500×500 pixel viewport.

DDeekshitha Annreddy
85% match
Loading thumbnail…

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura
85% match