Skip to main content
SimilarExport ZIP
100%

Task-9 Q1

✓ Published1🌍 Public
Hharshaps15@gmail.com
Last edited Apr 23, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task-9 Q2

This visualization compares sales figures for six car manufacturers—Ferrari, Mercedes, Audi, Porsche, BMW, and McLaren—using hardcoded data. It renders a filled area chart in SVG, where the area’s height corresponds to each brand’s sales value. The code builds the chart with d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.area to generate the filled path. Axes are added via d3.axisBottom and d3.axisLeft, with labels and a title included.

Hharshaps15@gmail.com
88% match
Loading thumbnail…

Task-9/10 Q1

This D3.js pie chart displays the distribution of automobile makes by their average horsepower values, with each car make represented as a colored slice paired with a custom legend. The visualization loads CSV data from a GitHub repository using `d3.csv`, then applies `d3.pie()` to compute arc angles and `d3.arc()` to generate the SVG path geometries. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) colors each segment. The code renders the chart inside an SVG container with explicit width and height attributes, while a separate HTML div builds the legend items using dynamically generated colored circles and text labels.

Ttallurisaiteja96@gmail.com
85% match
Loading thumbnail…

Task9_Q1

This example displays a D3.js pie chart visualizing horsepower totals for different car makes, with a legend showing each make and its percentage of the total. The chart uses a tooltip that appears on mouseover, revealing the make and horsepower value. The code imports D3 functions like `arc`, `pie`, and `scaleOrdinal`, and loads data from a GitHub CSV. It renders as an SVG with a categorical color scheme.

Pparvathi829790@gmail.com
83% match
Loading thumbnail…

A7-Q1

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.

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

Sai_Bhargav_Task09

This example presents a pie chart visualizing the market share of five car brands, with each slice sized by the count of cars attributed to that brand. The visualization includes a legend showing brand names and their corresponding percentages of the total. The code uses the D3.js v6 library to construct the chart, employing `d3.pie()` to compute the slice angles and `d3.arc()` to define the path geometry. The chart and legend are rendered as SVG elements, with colors assigned using `d3.scaleOrdinal` and the `schemeCategory10` palette.

Ssai.kakarlapudi@gmail.com
82% 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
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…

Task9&10_Question1

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and a corresponding color-coded legend listing company names and values. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie` and `d3.arc` to generate the pie segments, `d3.scaleOrdinal` for color mapping, and custom formatting with `d3.format` to abbreviate sales numbers.

Kkondaveeti.bhargavi7780@gmail.com
82% match