Activity_7.1_Question_1

100%

Activity_7.1_Question_1

✓ Published0🌍 Public

Last edited Nov 4, 2024

Created on Nov 4, 2024

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.

AI-generated description

This is a pie chart with vehicle types and its registration count.

MIT Licensed

Similar vizzes

Loading thumbnail…

Question 1

This pie chart displays vehicle registration counts by type, using color-coded sections with value labels and a legend that pairs each category with its numeric count. The chart is rendered as an SVG using D3 v5, loading data from a CSV file via the `d3.csv` function. The visualization employs D3's `pie`, `arc`, and `scaleOrdinal` APIs to generate the sectors and colors, while the legend and labels are built using D3's `select` and `append` methods. The styling is defined in a separate CSS file, and the code demonstrates the use of ES6 modules for data fetching and rendering.

Eeedaraajay02@gmail.com

89% 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

89% match

Loading thumbnail…

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com

89% 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

88% 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

88% match

Loading thumbnail…

Activity 7.1D3.JS

This D3.js v7 visualization presents a pie chart of vehicle types, using SVG rendering to display proportional slices of the data. It loads a CSV file from a GitHub gist and aggregates the records with `d3.rollup`, counting occurrences per vehicle type. The chart uses `d3.pie` and `d3.arc` to generate the paths, with `d3.scaleOrdinal` and `schemeTableau10` providing categorical colors. A legend is drawn manually, and tooltips are added via SVG `title` elements. The chart also includes axis labels as static text.

AAbhinay Peeta

88% 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

87% 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

87% match