Interactive Chart

100%

Interactive Chart

✓ Published0🌍 Public

Last edited May 14, 2024

Created on May 14, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

85% match

Loading thumbnail…

Fork of Assignment 2 - Pie Chart

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.

Ggoudrohit2000@gmail.com

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

84% match

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

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

83% match