Skip to main content
SimilarExport ZIP
100%

Fork of Assignment 2 - Pie Chart

✓ Published1🌍 Public
Ggoudrohit2000@gmail.com
Last edited Nov 1, 2024
Created on Nov 1, 2024

This visualization presents vehicle registration counts as a pie chart, using a dataset from a GitHub repository. The chart is built with D3 v5 and rendered as SVG elements. The code employs D3's `pie`, `arc`, and `scaleOrdinal` APIs to generate the chart segments and apply a categorical color scheme. Each slice displays its value in thousands, and a legend identifies the vehicle types. The visualization highlights the distribution of registrations across different vehicle categories, with colors distinguishing each type.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Question 1

This visualization displays vehicle registration counts by type using a pie chart and accompanying legend, with values formatted in thousands (e.g., "5K"). The code loads data from a CSV file, uses `d3.pie` to compute arc segments, and renders the chart as SVG paths via `d3.arc`. Colors are assigned using `d3.scaleOrdinal` with a custom palette. Text labels and legend entries are added with `d3.select` and `.append()`, while axis labels are manually positioned, though no actual axes are drawn. The title "Vehicle Registrations" appears in red above the chart.

Ggoudrohit2000@gmail.com
90% match
Loading thumbnail…

Question 1

This visualization displays vehicle registration counts by type as a donut pie chart with an interactive legend. The chart shows four categories with proportional slices and displays the value in thousands inside each segment, while the legend on the right lists each vehicle type with its corresponding color and count. Built with D3 v5, the code uses the `pie` function to compute arc segments, `arc` for path generation, and `scaleOrdinal` for color mapping, fetching data from a remote CSV file. The SVG output is styled with custom CSS classes for the legend text and labels.

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

Question 1

This example visualizes vehicle registration counts by type as a pie chart. The code loads CSV data from a GitHub repository using `d3.csv` and maps the `Count` values to arc segments generated with `d3.arc` and `d3.pie`. Each slice is labeled with its value (formatted using `d3.format`), and a legend lists the vehicle types alongside their counts. The chart is rendered as an SVG with `d3.select`, with ordinal color scaling via `d3.scaleOrdinal` for the four categories.

Ggoudrohit2000@gmail.com
85% match
Loading thumbnail…

Fork of Vehicles pie chart

This fork of the classic Vehicles pie chart visualizes the distribution of vehicle makes in a dataset loaded from a GitHub Gist. The chart displays each make as a colored slice with a percentage label, alongside a legend showing the make name and its count. Built with D3.js v6, the code uses `d3.rollup` to aggregate counts, `d3.pie` to compute arc angles, and `d3.arc` to generate SVG paths. Slices are colored via a categorical scale and respond to mouse hovers.

Ssaisathwikaguntupalli@gmail.com
84% match
Loading thumbnail…

Interactive Chart

This interactive pie chart displays vehicle registration counts by vehicle type. The visualization presents the data as proportional segments with value labels, accompanied by a legend that maps each color to a vehicle type and displays the corresponding count. The chart loads CSV data from a remote gist URL, and the code uses the D3.js v5 library, specifically the `pie`, `arc`, `scaleOrdinal`, `select`, and `csv` APIs. The SVG rendering is set up using an arc generator with custom inner and outer radii, with fixed positions for the chart and legend within a 980 by 550 pixel canvas.

SStuart Sessions
84% match
Loading thumbnail…

piechart question1LB

This pie chart visualizes vehicle registration counts by type, with each slice labeled with its abbreviated value (e.g., "15K) and accompanied by a color-coded legend showing both the category name and exact count. The chart loads CSV data from a GitHub gist using `d3.csv`, then constructs the pie with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, while text labels are positioned via `arc.centroid`. Rendered as SVG, the visualization uses D3 v5 selection methods to append paths and legend elements.

Llokeshchowdary465@gmail.com
84% match