Fork of Activity-9&10

100%

Fork of Activity-9&10

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 6, 2024

This pie chart visualizes the number of vehicles seized across different U.S. states, using a dataset fetched from a GitHub-hosted CSV file. Each slice represents a state, with its value and the state name displayed in an adjacent legend. The visualization is built with D3 v5, using the `pie` and `arc` generators to create the chart and `scaleOrdinal` for color mapping. Labels inside slices show values in thousands, and the SVG output is styled with custom CSS.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-9&10

This pie chart displays the number of vehicles seized across different U.S. states, with each slice labeled with its value in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute and render the segments, while `scaleOrdinal` assigns distinct colors to each state. A legend on the right maps colors back to state names and values. The data comes from a raw GitHub CSV file loaded via `d3.csv`, and the visualization is rendered as SVG within a simple HTML page.

Ssumanthnaidu213@gmail.com

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

92% match

Loading thumbnail…

Fork of pie chart of vehicles seized in different states of USA

This pie chart visualizes the number of vehicles seized across different U.S. states, with each slice labeled with its value in thousands and accompanied by a color-coded legend. The data is loaded from a CSV file and rendered using the d3.pie, d3.arc, and d3.scaleOrdinal APIs within a D3 v5 SVG canvas. Slice values are formatted using d3.format, and text labels are positioned using the arc generator's centroid method.

Nnikhitha693

88% match

Loading thumbnail…

Fork of Fork of Piechart question1LB

This visualization shows the number of vehicles seized across different U.S. states, displayed as a pie chart with state names and values listed in a legend. The chart uses D3 v5 APIs including `d3.pie`, `d3.scaleOrdinal`, `d3.arc`, and `d3.select` to render SVG sectors and labels, with data fetched from a raw GitHub CSV file. Each slice is colored distinctly, and the code computes totals and formats values in thousands for readability. The visualization is rendered entirely in SVG within an HTML page.

Llokeshchowdary465@gmail.com

88% match

Loading thumbnail…

Fork of Piechart ICE7

This visualization presents a pie chart showing the number of vehicles seized across different American states, with each slice labeled with its count in thousands and accompanied by a color-coded legend. The chart uses D3 v5 to load CSV data from a GitHub repository and render the pie with `d3.pie` and `d3.arc`, mapping state values to a categorical color scale. Text labels are positioned using arc centroids, and the legend lists each state with its corresponding value, making the distribution of seizures immediately comparable.

Nnsatyaprakash22

88% match

Loading thumbnail…

Fork of Piechart ICE7

This pie chart visualizes the number of vehicles seized in different U.S. states, with each state represented by a distinct color and labeled with its value in thousands. The visualization is built using the D3.js library, specifically leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart and its legend. Data is loaded asynchronously from a raw CSV file hosted on GitHub, which is parsed using `d3.csv`. The chart is rendered as an SVG, with each arc segment and legend entry colored according to the state’s data value, and the total number of vehicles is aggregated for reference.

HHema1430

87% match

Loading thumbnail…

Fork of Piechart ICE7

This pie chart displays the number of vehicles seized across different states in America, sourced from a raw CSV file on GitHub. The chart uses D3 v5’s `pie` and `arc` functions to generate the slices, with `scaleOrdinal` assigning colors to each state segment. Value labels are added using `arcGenerator.centroid`, and a legend with state names and totals is included. The visualization is rendered as an SVG with a flexible, reusable code structure.

Ssumanthnaidu213@gmail.com

87% match

Loading thumbnail…

Fork of Piechart ICE7

A pie chart depicts the number of vehicles seized across various U.S. states, using a dataset loaded from a GitHub-hosted CSV. The chart displays each state as a colored slice with a value label (in thousands), accompanied by a legend that lists state names and their corresponding seized-vehicle counts. Built with D3 v5, the visualization employs `d3.csv` to fetch data, `d3.pie` to compute arc segments, `d3.arc` for path generation, and `d3.scaleOrdinal` for categorical coloring. The SVG output is rendered within a centered layout, with legends and labels formatted via CSS.

Vvryvarma5577@gmail.com

86% match