Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Mmn0658
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

A donut chart displays the distribution of students across university majors, with each slice labeled by its proportion and a legend pairing colors to majors. The visualization loads course data from a CSV file via `d3.csv`, then uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute slice geometry and assign categorical colors from a fixed palette. Values are formatted with `d3.format` and rendered as text labels directly on the chart.

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-8.2

A donut chart displays the count of students from each major at UNT, with each slice labeled with its value in thousands and a corresponding color-coded legend. The visualization loads CSV data from a GitHub gist using D3's `csv` method. It constructs the pie layout with `d3.pie` and `d3.arc`, maps colors via `d3.scaleOrdinal`, and renders SVG paths and text elements, with legends positioned manually.

Ppjdhungana@gmail.com
84% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of students across university majors, highlighting each segment’s count both inside the slice and in an accompanying legend. The visualization is built with D3 v5, using `d3.arc()` to generate the pie segments and `d3.scaleOrdinal` for categorical colors. Data is loaded asynchronously from a CSV via `d3.csv()`, and SVG elements are created and positioned with `select` and `attr`. The chart uses a red title and custom styling for ticks and text, presenting a clear, colorful overview of enrollment data.

SSwapna1915
82% match
Loading thumbnail…

Fork of Pie Chart

A donut chart depicts student counts by major at UNT, using data fetched from a remote CSV via `d3.csv`. The visualization employs `d3.pie` and `d3.arc` to generate the ring segments, with `d3.scaleOrdinal` assigning colors from a predefined array, and labels formatted using `d3.format`. A legend, positioned via SVG grouping, clarifies each major and its corresponding value. The chart is rendered as an SVG element, with styling defined in the accompanying CSS file.

Sshreyasribearelly@gmail.com
81% match
Loading thumbnail…

Fork of Pie Chart

This pie chart displays the distribution of student counts across different majors at UNT, with each slice labeled with its value and a color-coded legend showing major names alongside student counts. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to compute slice geometry and assign colors, rendering paths and text labels in SVG. Data is loaded asynchronously from a CSV file via `d3.csv`, with values formatted using `d3.format`.

Rrushithareddyy
80% match
Loading thumbnail…

Untitled

This donut chart displays the distribution of gender counts from a CSV file, with Male (113) and Female (84) shown as two slices. Built with d3.v4 and SVG, it loads data via `d3.csv`, converts the total column to numbers, and uses `d3.pie()` to compute arc angles. The `d3.arc()` generator creates the paths, while `d3.scaleOrdinal` with `d3.schemeSet2` assigns slice colors, and each slice is labeled with its group name using the arc’s centroid.

IIyke2909
80% match
Loading thumbnail…

Pie Chart

This D3 pie chart visualizes the count of students per major at UNT, using a dataset loaded from a GitHub-hosted CSV file via `d3.csv`. The chart uses `d3.pie` and `d3.arc` to generate SVG arcs, with colors assigned via `d3.scaleOrdinal`. Each slice displays its value in thousands, and a legend lists majors alongside their counts. The visualization is framed by a red title and rendered in an SVG canvas, with styling applied through CSS classes.

LLakshmanRangisetti
80% match
Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart displays the distribution of student enrollment across ten prominent universities, with each slice labeled and color-coded. Hovering over a slice reveals the percentage of total students it represents via a tooltip. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a custom color range from `d3-scale-chromatic`, while rendering SVG elements and tooltip interactions are managed through D3 selections. Data is loaded from a CSV file.

Hharika-1929
80% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of student counts across university majors at UNT, with each slice labeled by its proportion and a legend identifying each major. The visualization uses D3 v5 to fetch CSV data from a GitHub repository, then employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart and color-coded legend. Student values are formatted in thousands (e.g., "12K") on both the slices and legend, rendered as SVG elements within an HTML page that loads D3 via UNPKG.

VVarshareddy2912
80% match