Skip to main content
SimilarExport ZIP
100%

assignment -2(a)

✓ Published1🌍 Public
Aanusha.chilkamarri26@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of assignment -2(a)

This example shows the market share of top shoe brands with a pie chart and a color-coded legend. It loads CSV data from a GitHub Gist and uses D3 v5’s `pie` and `arc` generators to draw the SVG segments, with labels showing percentages. A `scaleOrdinal` maps brand names to a fixed color palette. The legend, rendered with `rect` and `text` elements, identifies each brand alongside its share.

Aanusha.chilkamarri26@gmail.com
92% 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
83% match
Loading thumbnail…

Activity 7_1

This pie chart displays the market share of smartphone brands, using percentage labels for slices above 5% and a legend listing each brand alongside its count. The visualization is rendered as SVG using D3 v7, with the `d3.pie()` layout, `d3.arc()` for the path geometry, and `d3.scaleOrdinal` for categorical coloring. Data is loaded from a CSV file via `d3.csv()`, and the chart is positioned with a translated group. The code also adds generic X and Y axis labels, even though no axes are present.

Bbhargavipagolu2025@gmail.com
82% match
Loading thumbnail…

SucharithaKudapa_Assignment2

This pie chart visualizes market share distribution among makeup and skincare brands, displaying each brand’s percentage directly on its corresponding slice. The chart uses D3.js v7’s `d3.pie()` and `d3.arc()` generators to compute and render the arcs, with an ordinal color scale (`d3.scaleOrdinal`) assigning distinct colors to each brand. Data is loaded from a remote CSV file via `d3.csv`, with market cap values parsed numerically. A separate legend lists brands alongside their categories, while text labels on the chart show brand names and calculated percentages.

Ssuchigeneralpur@gmail.com
82% 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
82% match
Loading thumbnail…

Activity 7

This example shows the market share of smartphone brands as a static pie chart with a legend identifying each brand by color. The visualization is rendered as an SVG using D3.js v5, with data loaded from a CSV file hosted on GitHub. The code uses `d3.csv` to parse the data, `d3.pie` to compute the angular layout, `d3.arc` to generate the pie slice paths, and `d3.scaleOrdinal` to assign colors from a predefined categorical palette. The chart includes a legend of circles and text labels, along with a title and axis labels for context.

Sssuryateja804@gmail.com
81% match
Loading thumbnail…

activity7_task1

This visualization shows smartphone market share as a static pie chart, with each brand’s proportional slice colored and labeled in a side legend. It loads CSV data via `d3-fetch`’s `csv`, parses numeric `MarketShare` values, and generates arcs using `d3-shape`’s `arc` and `pie` generators. The SVG is rendered in a 500x500 viewport, with colors assigned through `d3-scale`’s `scaleOrdinal` and `schemeCategory10`. Legends are manually appended as grouped rectangles and text elements, while the code imports solely the necessary D3 modules rather than the full library.

MMili Patel
81% 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
79% match