Skip to main content
SimilarExport ZIP
100%

Fork of task9

✓ Published0🌍 Public
Vvandanakosuri@my.unt.edu
Last edited Apr 24, 2024
Created on Apr 24, 2024
Forked from task9

This fork shows a pie chart of categorical quality values, with each slice colored and paired with a legend and axis labels for quality and frequency. It uses D3 v7’s `d3.rollup` to count data points per quality category from an inline array, then `d3.pie` and `d3.arc` to generate SVG paths. A `d3.scaleOrdinal` maps categories to two colors, and hand-built SVG rect and text elements form the legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task9

This visualization displays the frequency distribution of categorical data values ("bad" and "good") using a pie chart, with a legend and axis labels for "Quality" and "Frequency". It builds the chart with d3.pie to compute arc segments, d3.arc for path geometry, and d3.scaleOrdinal for color mapping. The SVG is created via d3.select and appended to a container, with data aggregated using d3.rollup. The source dataset is a simple array of quality attributes, rendered as a static SVG graphic.

Vvandanakosuri@my.unt.edu
87% match
Loading thumbnail…

Fork of task 9 and 10 Q1 1

A pie chart displays the distribution of job titles from a CSV dataset, showing each title’s count as a labeled slice. D3 v7 loads the data with `d3.csv`, aggregates counts using `d3.rollup`, and renders pie arcs via `d3.pie` and `d3.arc`. Each slice is colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, with labels placed at arc centroids. An HTML legend lists each title with a matching color swatch. The SVG output is sized at 600 by 600 pixels.

Ssruthimreddy6@gmail.com
86% match
Loading thumbnail…

Fork of Fork of task 9 and 10 Q1 1

This example shows a pie chart of job title frequencies from a CSV dataset loaded from a GitHub gist. Each slice is labeled with the job title and its count, and a small color-coded legend is included. The visualization uses D3.js v7 with the `d3.pie` layout, `d3.arc` generator, `d3.rollup` for counting, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Data is fetched via `d3.csv` and rendered as SVG elements.

Ssruthimreddy6@gmail.com
84% match
Loading thumbnail…

Fork of Task 9 Pie Chart

This pie chart example displays the distribution of car classes from a CSV dataset. It loads D3 via UNPKG and imports modules from local ES6 files, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate slices, labels with counts, and a legend. The SVG render includes labeled segments with white strokes and opacity styling, plus an optional title.

Ssaivaishnogaruda@gmail.com
83% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
82% match
Loading thumbnail…

Fork of Activity7_Task1

This D3.js (v6) SVG pie chart visualizes species distribution from a CSV file fetched from a GitHub repository. The pie chart displays each species as a colored slice with a text label at its centroid, using a custom ordinal color scale. A legend is also rendered, mapping species names to their corresponding colors. The chart is constructed using `d3.csv`, `d3.scaleOrdinal`, `d3.pie`, and `d3.arc`, with slices and legend elements appended via `d3.select` and the `.join` operator for data-driven rendering.

Ssaimanvith22@gmail.com
82% match
Loading thumbnail…

Task9

This pie chart displays the proportional breakdown of a small, simulated fruit dataset, with categories like Apples, Oranges, Pears, and Bananas. Built with D3 version 7, the visualization uses `d3.pie` to compute arc segments and `d3.arc` to render each slice, with a color scale via `d3.scaleOrdinal`. An SVG-based legend with rectangles and text complements the chart, while slice labels (category and value) are placed using arc centroids. The data is entirely made-up, as noted in the code comments.

Jjarethodges@gmail.com
82% match
Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

HHanuReddy
81% match