Skip to main content
SimilarExport ZIP
100%

Activity 7_pie chart

✓ Published0🌍 Public
11810vineeth@gmail.com
Last edited Nov 8, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

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`.

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

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

Activity_7

This pie chart displays the percentage share of smartphone brands or models from a CSV file loaded from GitHub, with slices sized proportionally to each category’s value. The visualization renders slices using D3’s `d3.pie` and `d3.arc`, with percentage labels positioned via `arcLabel.centroid` and a supplementary legend constructed from SVG rects and texts. Data is processed using helper functions that detect label and value columns, filter null entries, and normalize sums exceeding 100 into percentages. The chart uses D3 v7’s `d3.csv` fetch, `d3.rollup` for counting, and `d3.scaleOrdinal` with the Tableau10 color scheme for categorical coloring.

Bbhargavipagolu2025@gmail.com
85% match
Loading thumbnail…

Activity_7_11815718

This D3.js pie chart displays browser market share data for Q3 2025, loaded from a CSV file hosted on a GitHub Gist. Each slice is colored using `d3.scaleOrdinal` with `d3.schemeSet2`, and labeled with the percentage value. The chart uses `d3.pie` and `d3.arc` to generate the slices, with white stroke separating them. A legend on the right, built with SVG rectangles and text, identifies each browser. The visualization is rendered entirely as SVG within a 960x500 canvas.

Mmaneeshraja47@gmail.com
85% 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
84% match
Loading thumbnail…

Fork of Piechart ICE7

This pie chart visualizes laptop market share in India for 2022, using data loaded from a GitHub-hosted CSV file. The chart displays each company’s sales percentage as colored slices with value labels, rendered as SVG paths via the `pie()` and `arc()` generators. A legend lists companies with their corresponding colors and values. The visualization uses D3 v5’s `scaleOrdinal` for color mapping, `csv()` for data fetching, and `format()` to display tick values.

TTekmal-Bhavana
84% match
Loading thumbnail…

Activity 7 Q1

This pie chart displays the smartphone market share of various brands from a CSV dataset, using data from the latest available date. It visualizes proportional slices for each brand and includes a legend and direct labels for brands with market share of at least 10%. The visualization is built with D3 version 6.7.0, utilizing `d3.select`, `d3.csv`, `d3.scaleOrdinal`, `d3.pie`, and `d3.arc` APIs to generate the SVG rendering. The chart is created by loading data from a GitHub gist and processing it into a pie chart with a color-coded legend.

Ssaiteja.cse.rymec@gmail.com
83% match
Loading thumbnail…

Activity 7

This pie chart displays total sales by product, using a CSV dataset loaded from GitHub. The D3.js v7 code (with d3.csv, d3.rollup, d3.sum, d3.pie, and d3.arc) aggregates the data and renders SVG slices labeled with product names. A color legend, built with d3.scaleOrdinal and d3.schemeCategory10, lists each product and its summed sales value. The chart uses white slice strokes and a centered layout within an 800x500 SVG.

Ddivya.matavalam828@gmail.com
83% match