Skip to main content
SimilarExport ZIP
100%

A7-Q1

✓ Published0🌍 Public
SShashankkodishala@my.unt.edu
Last edited Nov 4, 2024
Created on Nov 3, 2024

This pie chart visualizes the distribution of car models by manufacturer, using a dataset of 50 vehicles with each make occupying one slice of equal size. The chart is rendered with SVG through D3.js, using the `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` with `schemeCategory10` assigns colors to each manufacturer. A legend on the right side maps the color-coded slices to their corresponding car brands, and the visualization adapts to the full browser window dimensions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Actvity 7.1.1

This pie chart depicts the distribution of car models by brand, aggregated from a CSV file of individual car records. The visualization uses D3 v5 to generate SVG arcs, with an interactive tooltip revealing each brand's model count and percentage on hover. A legend displaying brand names, color swatches, and formatted model counts accompanies the chart, and the code explicitly uses `d3.pie`, `d3.arc`, `scaleOrdinal`, and `schemeCategory10` for rendering and color assignment.

Yyadlapallisaisathvik@gmail.com
85% match
Loading thumbnail…

A7_Q1

A pie chart visualizes the distribution of car classes (unacc, acc, good, vgood) from a small dataset, showing proportions as labeled slices and a color-coded legend. Built with D3.js (version 7.8.5 loaded via UNPKG), the SVG rendering uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate arcs and assign colors. Percentage labels are positioned via `labelArc.centroid`, and the chart adds a title and legend. The code also imports a local ES6 module (`myMessage.js`) to demonstrate modular usage, while the stylesheet applies styling to the container, labels, and legend text.

GGOPI MUPPURI
84% match
Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

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

Q1_DataViz_PiechartForCarPerformance

This pie chart displays the distribution of horsepower across various car manufacturers. The visualization uses a D3.js pie chart to represent each model's contribution to total horsepower, with percentage labels displayed directly on the slices. A legend maps colors to car models, while the chart includes axis labels for context. The implementation uses d3.pie for slice calculation, d3.arc for path generation, and d3.scaleOrdinal with d3.schemeCategory10 for color assignment. Data is loaded from a remote CSV file and rendered as SVG within a web page.

Nnikhilkinnera1998@gmail.com
83% match
Loading thumbnail…

Task-9 Q1

This pie chart shows the sales distribution of cars across six manufacturers, with Ferrari, Mercedes, Audi, Porsche, BMW, and Mclaren. The visualization highlights proportional market share using a color-coded legend that displays each manufacturer’s percentage of total sales. Built with D3.js v5, the chart uses `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. Data is hardcoded in the script, and the rendering uses SVG elements with a legend created manually via appended rectangles and text labels.

Hharshaps15@gmail.com
82% match
Loading thumbnail…

Activity7.1_Q1

This pie chart displays the average horsepower distribution across the top 10 car makers, with all remaining manufacturers aggregated into an "others" category. The visualization uses D3 v7's `d3.pie` and `d3.arc` generators to compute slice geometry, with `d3.scaleOrdinal` and `d3.schemeTableau10` providing color encoding. Data loads from a remote CSV file containing smartphone specifications, which the code aggregates and normalizes to percentages. Each slice includes percentage labels positioned via `arc.centroid`, while an HTML legend to the right maps colors to maker names.

Bbhargavipagolu2025@gmail.com
82% match
Loading thumbnail…

Question1_PieChart

This pie chart displays the proportional distribution of 30 car brands by their reported values. Each slice is sized according to its numeric value, with labels positioned at the slice centroids. A legend lists the brands and their corresponding colors. Created with D3 v7, the visualization uses `d3.pie()` to compute arc data, `d3.arc()` to generate the SVG paths, and `d3.scaleOrdinal` with `schemeCategory10` for coloring. The SVG container is centered, with labels rendered as text elements and the legend manually constructed.

PPadmajaKodati@my.unt.edu
82% match
Loading thumbnail…

Fork of ICE7 Pie Chart

A pie chart visualizes sales figures for ten car brands, with each slice's area proportional to the brand's sales value and labeled in a side legend showing both the car name and its corresponding number. The chart renders as an SVG using D3 v5, employing the `pie()` generator to compute arc angles from the loaded JSON data, `arc()` to create the paths, and `scaleOrdinal` with `schemeCategory10` to assign colors to slices. The legend is built manually with appended rectangles and text elements, while numeric values are formatted using D3's `format()` function.

DDeekshithVemula
81% match