Skip to main content
SimilarExport ZIP
100%

Task 9&10

✓ Published0🌍 Public
Mmangilipallylaxminarayana@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

My Task 9

This example presents a pie chart visualizing car purchase percentages by brand, with a legend and axis labels. It loads a CSV dataset from a GitHub gist, and uses D3 v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to compute and render the arcs. The SVG chart is created in a container with a separate legend, and each slice includes a tooltip title showing the brand and percentage. The data is drawn directly from the remote CSV file, while the layout is fixed with explicit width and height margins.

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

Task 9 and 10 - PieChart

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.

PPothuguntla Pranitha
86% match
Loading thumbnail…

Task9&10_Question1

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and a corresponding color-coded legend listing company names and values. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie` and `d3.arc` to generate the pie segments, `d3.scaleOrdinal` for color mapping, and custom formatting with `d3.format` to abbreviate sales numbers.

Kkondaveeti.bhargavi7780@gmail.com
84% 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…

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
83% match