Skip to main content
SimilarExport ZIP
100%

Task 9 and 10 - PieChart

✓ Published1🌍 Public
PPothuguntla Pranitha
Last edited Apr 29, 2024
Created on Apr 29, 2024

This pie chart visualizes vehicle registration counts by type, sourced from a CSV file. The code uses d3.pie to compute the arc segments and d3.scaleOrdinal for coloring sections. d3.arc generates the chart's slices, with each segment labeled via arcGenerator.centroid. A legend, built with SVG rectangles and text, identifies each vehicle type alongside its count, with labels formatted using d3.format. The chart is rendered as an SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9&10-Q1

This visualization displays vehicle registration counts as a donut pie chart, with each slice labeled by its value in thousands and color-coded by vehicle type. A legend on the right lists each type alongside its corresponding count. Built with D3 v5, the code uses `pie` and `arc` to generate the slices, `scaleOrdinal` for colors, and `csv` to load the dataset from a GitHub gist. The SVG output is rendered through `select` and appended paths and text elements.

Mmdadeebfarhaan@gmail.com
88% match
Loading thumbnail…

Task 9&10

A pie chart displays the proportional quantities of five car models from a CSV file, with slices labeled by name. The static SVG visualization is built using D3 v7, loading data via `d3.csv` and computing arc paths with `d3.arc`. A categorical color scale from `d3.scaleOrdinal` colors each slice, while a custom legend lists the model names alongside colored swatches. The chart is rendered inside an SVG canvas with fixed dimensions, and slice labels are positioned using arc centroids.

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

Assignment 2 - Pie Chart

This pie chart visualizes vehicle registration counts by type, with each slice labeled with its value in thousands and accompanied by a color-coded legend. The visualization uses D3 v5’s `d3.pie` and `d3.arc` to generate the chart, `d3.scaleOrdinal` for slice colors, and `d3.format` for tick labels. Data is loaded asynchronously from a CSV file via `d3.csv`, and the chart is rendered as SVG with custom styling for text and legends.

Ddandudivya98@gmail.com
84% match
Loading thumbnail…

Task-9/10 Q1

This D3.js pie chart displays the distribution of automobile makes by their average horsepower values, with each car make represented as a colored slice paired with a custom legend. The visualization loads CSV data from a GitHub repository using `d3.csv`, then applies `d3.pie()` to compute arc angles and `d3.arc()` to generate the SVG path geometries. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) colors each segment. The code renders the chart inside an SVG container with explicit width and height attributes, while a separate HTML div builds the legend items using dynamically generated colored circles and text labels.

Ttallurisaiteja96@gmail.com
83% match
Loading thumbnail…

Activity_7.1_Question_1

This pie chart displays vehicle types and their registration counts, with proportional slices labeled in thousands and a corresponding color-coded legend. It loads CSV data from a GitHub gist, calculates the pie layout using `d3.pie`, and renders SVG paths with `d3.arc`. The visualization uses `d3.scaleOrdinal` for slice colors, formats values with `d3.format`, and appends legend rectangles and text labels. The chart is centered in an SVG and includes a title, with values shown numerically inside each segment.

Vvarshithainaganti@gmail.com
83% match
Loading thumbnail…

task 9 and 10 Q1 11111

This pie chart visualizes the distribution of job titles in a dataset loaded from a CSV file, with each slice labeled by job title and count. The code uses d3.csv to fetch the data, d3.rollup to count occurrences per job title, and the d3.pie and d3.arc layouts to generate and render the arcs in SVG. A categorical color scale from d3.schemeCategory10 assigns colors to slices, and an HTML legend is dynamically appended to the page. The chart is centered within an SVG container sized at 450 by 450 pixels.

Ssruthimreddy6@gmail.com
83% match
Loading thumbnail…

Activity9-Task1

This pie chart visualizes the number of vehicles seized across different U.S. states, with each slice colored distinctly and labeled with its value in thousands. A legend on the right lists each state alongside its corresponding count. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate the chart, with data fetched asynchronously from a raw CSV file hosted on GitHub. SVG elements render the slices, labels, and legend, while `d3.format` displays compact numeric values.

Ssirichandana017@gmail.com
82% match