Skip to main content
SimilarExport ZIP
100%

Fork of activitty7.1question1

✓ Published0🌍 Public
Ggketan456@gmail.com
Last edited Nov 5, 2024
Created on Nov 4, 2024

This pie chart shows the distribution of clothing sizes from a CSV dataset loaded from a GitHub gist. The code uses d3.csv to fetch the data, counts size occurrences, and renders a categorical pie with d3.pie, d3.arc, and d3.scaleOrdinal with schemeCategory10 colors. Labels appear at each arc’s centroid, and an HTML legend is built below the SVG using D3 selections. The visualization renders in SVG with a 600x600 viewport.

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…

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

Fork of activity7, question1 piechart

This example shows a simple pie chart for a categorical dataset with five categories (A–E), each represented by a colored slice with a value label. The chart is rendered as SVG using D3.js v6, with a legend displayed to the right of the pie. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute slice geometry, apply colors from `d3.schemeCategory10`, and position the legend elements. Axis labels for categories and values are added manually, though no actual axes are present. The data is hardcoded as a sample array.

Ssahithitoomu@gmail.com
84% match
Loading thumbnail…

Fork of Activity7:Questions:1

This example shows the distribution of car fuel types in a dataset, with each slice of a pie chart representing a fuel category and its size reflecting the number of cars using that fuel. It uses D3.js v7 to fetch a CSV file from a GitHub repository, parse the data, and group it by the "Fuel" attribute using `d3.rollup`. The pie chart is rendered as SVG with `d3.pie` and `d3.arc`, labels are positioned using `arc.centroid`, and a color scale uses `d3.scaleOrdinal` with `d3.schemeCategory10`.

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

Fork of Activity 7.1D3.JS

This visualization shows a pie chart of vehicle types from a CSV dataset, with slice sizes representing the count of each vehicle type and a color-coded legend identifying the categories. It uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeTableau10` to generate and color the SVG paths, while `d3.rollup` aggregates the raw data. The chart includes axis labels and a title, with the underlying data fetched from a GitHub gist via `d3.csv`.

AAbhinay Peeta
82% match
Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com
82% match
Loading thumbnail…

Fork of Activity 7

This example visualizes delivery data as a pie chart, showing categorical proportions with labeled slices and a matching legend. Built with D3.js, it uses the pie and arc generators to compute slice geometry, scaleOrdinal with schemeCategory10 for colors, and SVG for rendering. The chart fetches its dataset from a GitHub-hosted CSV file and is implemented as a reusable piePlot component configured via chained methods for width, height, data, and field names.

Ggolisanthoshi2000@gmail.com
82% match