Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vizhub for pie chart

Public visualization

Viewing a saved revision (read-only)

06cf9bcf8ef04cc9a1184ae78991e3f6

Vizhub for pie chart

0 stars0🌍 Public
NNHRK555
Last edited Jul 2, 2022
Created on Jul 2, 2022

This pie chart visualizes the top five U.S. states by fuel consumption percentage, with each slice labeled and color-coded, alongside a legend listing state names and values. The data is loaded from a CSV file via `d3.csv`, and the chart is rendered as SVG using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for colors. Text labels are positioned on slice centroids with `arcGenerator.centroid`, while the legend is built manually with SVG rectangles and text elements. The visualization updates dynamically as the CSV is fetched asynchronously.

AI-generated description