Fork of Activity_7_1_Question_1

100%

Fork of Activity_7_1_Question_1

✓ Published1🌍 Public

Last edited Nov 7, 2024

Created on Nov 7, 2024

This pie chart visualizes the market capitalization of S&P 500 companies as proportional slices, with each slice labeled by ticker symbol and value in billions. The code loads CSV data from a GitHub gist, converts market cap values to numbers, and uses `d3.pie` and `d3.arc` to generate the chart in SVG. A color scale assigns categories from `d3.schemeCategory10`, and a legend lists company names alongside their corresponding colors.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7_pie chart

This pie chart displays the market share of laptop companies, with each slice labeled by company name and percentage. The visualization loads CSV data from a GitHub gist, and uses D3 v5’s `pie` and `arc` generators along with `scaleOrdinal` for colors. SVG rendering includes a legend and axis titles, with text styling applied via CSS. The code imports named functions from the 'd3' module and demonstrates an ES6 module import from `myMessage.js`.

11810vineeth@gmail.com

82% match

Loading thumbnail…

Activity_7

This example visualizes market share by category as a pie chart with a sorted legend showing each category’s percentage. It loads CSV data from a remote GitHub source, computes arc positions with `d3.pie` and renders slices via `d3.arc` into an SVG. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, while the legend displays sorted percentages beside the chart. The code demonstrates D3 v6 loading via UNPKG and local ES6 module imports.

Gguruabhay294@gmail.com

80% match

Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com

79% match

Loading thumbnail…

Fork of Activity 7 Question 1

This pie chart visualizes total sales by product category using a donut layout. It loads sales data from a remote CSV file via `d3.csv`, aggregates values with `d3.rollup`, and computes arc angles using `d3.pie`. Each slice is rendered as an SVG `path` with `d3.arc`, colored by `d3.scaleOrdinal` with `d3.schemeSet2`, and labeled at the arc centroid. A manual legend maps product names to their corresponding colors. The visualization demonstrates a standard D3 v5 pie chart workflow with external data loading and SVG rendering.

Ddivya.matavalam828@gmail.com

79% match

Loading thumbnail…

Activity 7_Q1

A pie chart displays the proportional spending across unnamed categories, with each slice color-coded and paired with a legend on the right side. The visualization loads CSV data from a GitHub repository using `d3.csv`, then constructs the chart with `d3.pie()` and `d3.arc()`. Color assignment uses `d3.scaleOrdinal` with the `schemeSet2` range. The SVG is rendered via D3 v7, with slices stroked in white and space reserved for axis labels.

Mmsnikhil2608@gmail.com

79% match

Loading thumbnail…

Fork of Fork of Activity7_q1

This pie chart displays the distribution of horsepower values across different car makes, with each genre category represented as a colored slice proportional to its count. The visualization loads a CSV dataset via Papa Parse, then uses D3 v7’s `pie` and `arc` generators to compute slice paths and centroids, rendering labels at each slice’s center. Slices are filled with a categorical color scheme and separated by white stroke lines, while the SVG canvas is centered within a responsive container.

Nnandasaipalankius@gmail.com

79% match

Loading thumbnail…

Activity-7 question-1

This pie chart visualizes finance portfolio allocation by category, with each slice representing the percentage value of a portfolio component. Built with D3 v7, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `d3.schemeSet2` assigns colors. Interactive tooltips appear on hover, and a legend identifies each category. Data is loaded asynchronously from a GitHub-hosted CSV file via `d3.csv`, with values converted to numeric format before rendering in the animated SVG.

Bbhargavireddy4016@gmail.com

79% match

Loading thumbnail…

Fork of activity7 question1

This pie chart displays the distribution of three flower species from a loaded CSV dataset. The visualization uses d3.pie and d3.arc to compute and render the slices, with d3.scaleOrdinal providing categorical colors. Species names appear as labels positioned at each slice's centroid using arc.centroid, and the entire chart is drawn as SVG elements within a 500x500 viewport. The chart loads data through d3.csv from a remote gist URL and converts count values to numbers for proportional slice sizing.

Ssahithitoomu@gmail.com

78% match