Skip to main content
SimilarExport ZIP
100%

myViz

✓ Published0🌍 Public
Vveeramallivaishnavi3@gmail.com
Last edited Mar 27, 2025
Created on Mar 27, 2025
Forked from Hello VizHub

This pie chart displays the distribution of accidents by type, with each slice labeled directly on the visualization. The code loads CSV data from a GitHub gist, uses `d3.rollup` to count accidents per category, and `d3.pie()` to generate the arc layout. Slices are rendered as SVG paths via `d3.arc()`, colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, while labels are positioned using `arc.centroid()`. The chart is built with D3 v6 and rendered entirely in SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Viz1

This example uses a pie chart to display the distribution of COVID-19 cases across different countries, with each slice sized by the total number of cases. It is built with D3 v6, utilizing `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to render the chart as an SVG. Hovering over a slice triggers a tooltip that shows the specific case count and percentage of the total, calculated with `d3.sum`. The data is loaded from a CSV file using `d3.csv`, and a legend is added with colored rectangles and country labels.

Ssaishruthik2361@gmail.com
81% match
Loading thumbnail…

Pie Chart

This pie chart shows the number of accidents in each state in 2023, with each slice labeled by its value in thousands and a legend mapping colors to states. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, rendered as SVG elements. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and `scaleOrdinal` assigns colors to states. Slice labels are positioned using `arc.centroid`, while the legend and axis titles are added as HTML divisions.

SSatish Nallamadugu
80% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a D3.js pie chart that visualizes the distribution of insurance records by region, rendered as SVG with an accompanying legend and interactive tooltips. The code loads CSV data from a GitHub-hosted dataset using `d3.csv`, aggregates region counts with `d3.rollup`, and constructs the pie with `d3.pie` and `d3.arc`. Hovering over a slice highlights it, triggers a tooltip showing the category and value, and applies categorical colors from `d3.scaleOrdinal` and `d3.schemeCategory10`.

Kkotha.shiva@btech.christuniversity.in
80% match
Loading thumbnail…

Fork of pie chart

This D3.js example visualizes traffic accident distribution by weather condition as an interactive pie chart. It loads CSV data from a GitHub gist, aggregates accident counts per weather category using `d3.rollups`, and renders SVG pie slices with labels and a legend. The chart uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal` with `schemeCategory10`, and a reusable `pieChart` function pattern with configurable width, height, and data properties. The visualization displays weather types directly on slices and provides a side legend with count values.

Ppragnyalipsa96@gmail.com
80% match
Loading thumbnail…

Fork of Hello VizHub

This pie chart visualizes the distribution of pizza orders by category, with each slice labeled with its count and a legend identifying the categories. The code loads data from a GitHub Gist CSV file using `d3.csv`, calculates category frequencies through manual aggregation, and renders the chart as SVG with `d3.pie` and `d3.arc`. Slices use a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`, and labels are positioned via `arc.centroid`. The legend is built manually, mapping rectangles and text to each category.

Kkshravyak.2001@gmail.com
79% match
Loading thumbnail…

VIZHUB_Q1_DVA7

This visualization displays the distribution of car classification categories—unacc, acc, vgood, and good—as a pie chart with percentage labels and a legend showing counts. It loads CSV data from a GitHub gist and uses D3.js version 7.8.5 via CDN, employing the d3.pie, d3.arc, and d3.scaleOrdinal APIs to generate slices, colors, and labels. The SVG rendering includes custom legend elements and a bold title, with data processed through d3.csv.

Nnandasaipalankius@gmail.com
79% match
Loading thumbnail…

Pie Chart Visualization

This pie chart visualizes the distribution of accident severity categories—Fatal (20), Serious (50), and Slight (30)—using a simple three-slice SVG. The code uses d3.pie() to compute arc angles from the data, d3.arc() to generate path geometries, and d3.schemeCategory10 for slice colors. Labels are placed using arc.centroid, with each slice having a clickable cursor style. The chart renders in a React-friendly static HTML page with D3 v7 loaded directly from the CDN.

JJames Cruz
79% match
Loading thumbnail…

Task 9

This D3.js visualization presents a pie chart of average daily accidents per state, using data fetched from a GitHub-hosted CSV file. The chart is rendered as SVG, with each slice colored and labeled, and a legend on the right displaying state names and corresponding values. The code utilizes D3 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute the pie segments, generate arc paths, assign categorical colors, and format numeric labels. The visualization's title is styled with red, italic, and underlined text.

Kkeerthanachinthalapally@gmail.com
79% match